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方法判断原始值也就是不可更改的值是否存在，不存在就赋值原始的。原理就是这样，别的框架什么的可以根据这个思路来实现。