js、element中實現input\textarea框添加一個默認前置值不可刪除但又可以在input框中繼續添加

 

role.name：為原始值
textField ：是input框中的值

var textField = document.getElementById("inputName"),//獲取表單域
startText = textField.value; //獲取開頭字符串
textField.onkeyup = function () {
//如果不是以role.name開頭的，就把文本框內的值設為role.name
(textField.value.indexOf(role.name) === 0) || (textField.value = role.name);
};

總結就是：在 Input 獲得焦點時focus觸發函數，利用indexOf方法判斷原始值也就是不可更改的值是否存在，不存在就賦值原始的。原理就是這樣，別的框架什么的可以根據這個思路來實現。