我正在做一些非常基本的 JavaScript 工作,并且似乎遇到了障碍。在我的一生中,我似乎无法在 Google 上找到一个非常基本的答案。
<html>
<head>
<title>Test Page</title>
<script type="text/javascript">
function lowerCase(){
var input = document.send.inputText;
input.toLowerCase();
document.write(input);
alert(input);
}
</script>
</head>
<body>
<h1>Test Page</h1>
<form name="send">
<input type='text' name="inputText" onkeypress="lowerCase()"/>
</form>
</body>
</html>
我的目的是在文本框中输入信息并按 Enter 键时执行函数 lowerCase。但是,我似乎永远无法执行该函数。
最佳答案
怎么样...
HTML:
<input type='text' name="inputText" onkeypress="lowerCase(this)">
JavaScript:
function lowerCase ( input ) {
setTimeout( function () {
input.value = input.value.toLowerCase();
}, 0 );
}
现场演示: http://jsfiddle.net/vXpj8/3/
<小时/>function lowerCase ( e ) {
if ( e.keyCode === 13 ) {
this.value = this.value.toLowerCase();
e.preventDefault();
}
}
document.send.inputText.onkeypress = lowerCase;
现场演示: http://jsfiddle.net/vXpj8/1/
注意,我如何将事件处理程序与 JavaScript 绑定(bind)。我这样做是因为我想让 event
对象在函数中可用。
关于javascript - 按键时执行 JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10526621/