javascript - 按键时执行 JavaScript

标签 javascript html

我正在做一些非常基本的 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/

相关文章:

javascript - 如何在对象的 nodeunit deepEqual 测试中跳过纪元字段?

javascript - 使用 query() 方法不使用 Ember.js 从模型中检索任何信息

javascript - JQuery 错误 : cannot call methods on dialog prior to initialization; attempted to call method 'close'

PHP多行字符串与PHP

html - 带阴影的垂直线

javascript - 将字符串拆分成对、三元组、四元组和 on (ngrams)?

javascript - 无法使用 ng-show 和 ng-hide 上传相同的图像

javascript - 问 promise 。 .when 和 .then 的区别

javascript - 将鼠标悬停在具有叠加幻灯片效果但没有任何反向效果的图像上

jquery - 当前链接不会保持突出显示