输入提交输入命中

时间:2014-03-02 00:45:08

标签: javascript jquery html

我希望按下输入键的输入操作,但我的代码不起作用。

html:

<div>
    <div class="chat" data-active="1">
        <section class="chat_info">
            <span class="name">
            </span>
            <div class="options">
                <div class="minimize">_</div>
                <div class="exit">X</div>
            </div>
        </section>
        <section class="conversation">
        </section>
        <section class="message">
            <input type="text" id="abc" size="10">
        </section>    
    </div>
</div>

这是我的脚本,但是当按下回车时它不起作用:

$(document).on("keypress", ".message input", function(event){
    var keycode = (event.keyCode ? event.keyCode : event.which);

    if(keycode === 13) {
        alert();                
    }
});

3 个答案:

答案 0 :(得分:0)

我使用它,确实有效:

$('.message input').bind('keypress', function(e) {
    var code = (e.keyCode ? e.keyCode : e.which);
    if(code == 13) {   //Enter keycode
        alert();
    }
});

答案 1 :(得分:0)

是我一直这样做的方式:

$('#abc').keypress(function(event){
var keycode = (event.keyCode ? event.keyCode : event.which);
if(keycode == '13'){
    alert('You pressed a "enter" key in textbox');  
}
});

http://howtodoinjava.com/2013/12/24/jquery-detect-if-enter-key-is-pressed/

答案 2 :(得分:0)

我认为这可能是因为你没有正确安装jQuery库。我将您的确切代码复制粘贴到jsfiddle并选择了他们的jQuery 1.9.1 ......它的工作原理。即你的代码不是问题。

尝试将此粘贴到您的&lt; head&gt;&lt; / head&gt;

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

应该工作。