如何为文本区制作自动字符功能
how to make auto character feature for the textarea
在良好的IDE中,当您按下'
(单引号)时,另一个会自动添加到其中,所以我试图将其用于文本区域,因此这里是我的代码,它不工作::
var ele = document.getElementById('main');
ele.onkeypress = function(e){
switch(e.keyCode){
case 59: ele.innerHTML+=";"; break;
case 39: ele.innerHTML+="'"; break;
case 47: ele.innerHTML+='/'; break;
case 91: ele.innerHTML+=']'; break;
case 123: ele.innerHTML+='}'; break;
case 45: ele.innerHTML+='-'; break;
}
console.log(e);
}
HTML
<textarea id="main"></textarea>
console.log(e)
是工作,它是日志多少次我按下键在文本区域和工作但只有一次,如果我打开页面包含所有这些代码在浏览器(我使用谷歌Chrome,最新的),当第一次当且仅当我按下键切换实例中列出的代码之后工作但不是功能每次然而console.log(e)
功能。
Textarea元素没有HTML内容,所以innerHTML
不会做您所期望的。你应该使用value
属性:
var ele = document.getElementById('main');
ele.onkeypress = function(e){
switch(e.keyCode){
case 59: ele.value += ";"; break;
case 39: ele.value += "'"; break;
case 47: ele.value += '/'; break;
case 93: ele.value += ']'; break;
case 125: ele.value += '}'; break;
case 45: ele.value += '-'; break;
}
console.log(e.keyCode);
}
<textarea id="main"></textarea>
相关文章:
- 添加文字和评论功能更新Div
- JavaScript打印功能使日历停止工作
- 在JavaScript中输出转义字符
- 不同浏览器中的空白字符正则表达式行为
- 每当您在选择器内移动鼠标时,悬停功能就会重复
- Regex匹配除“”之外的所有字符;.js”;
- 如何防止网页加载后自动启动功能
- 除修剪外的其他功能
- 悬停功能触发器
- 使用angularjs向浏览器发送servlet响应(下载功能)
- 拆分文本以每隔n个字符添加一行新行,并注意空格
- 使用onkeypress/onkeydown返回自然语言字符,同时保留退格功能
- 铬多功能框特殊字符引发错误
- PHP/html:即时搜索功能:无法搜索外语(例如中文)字符
- 添加字符功能需要在小数点前加0
- JavaScript初学者:在函数中编码单独的空格字符有什么功能区别
- 如何为文本区制作自动字符功能
- 特殊字符替换功能
- 为什么我的搜索功能只有在漏掉第一个字符时才匹配?
- asp.net mvc-带参数的Javascript字符计数器功能