javascript - 使文本区域全部大写？

Question

我正在尝试制作一个只输入大写字母的文本区域，即使用户没有按住 shift 键或大写锁定。理想情况下，这将接受任何输入，并自动将其转换为全部大写。我想到的大多数方法看起来都有些笨拙，并且在转换之前也会显示小写字母。

有什么建议或策略吗？

Answer 1

你可以使用CSS

textarea { text-transform: uppercase; }

然而，这只会在浏览器上呈现。比方说，如果您想将文本全部大写注入(inject)脚本或文本区域中的数据库，那么您必须在注入(inject)或提交表单之前使用 javascript 的 toUpperCase();。

这里是 jsfiddle例如:

html:

<textarea>I really like jAvaScript</textarea>

CSS:

textarea{
 text-transform: uppercase;
}

JavaScript:

var myTextArea = document.getElementsByTagName('textarea');

for(var i=0; i<myTextArea.length; i++){
    console.log('Textarea ' + i + ' output: ' + myTextArea[i].innerHTML);  //I really like jAvaScript
    console.log('Textarea ' + i + ' converted output: ' + myTextArea[i].innerHTML.toUpperCase()); //I REALLY LIKE JAVASCRIPT
}