輸入提交輸入命中

Question

我希望我的輸入操作在輸入鍵被按下，但我的代碼不起作用。

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();     
    } 
}); 

Answer 1

我想這可能是因爲你沒有jQuery庫正確安裝做。我將你的確切代碼複製粘貼到jsfiddle並選擇他們的jQuery 1.9.1 ...它的工作原理。即您的代碼不是問題。

嘗試粘貼到您的<頭> </HEAD>

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

這應該工作。

Answer 2

我用這個，工作的肯定：

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

Answer 3

是我爲此所做的一切：

$('#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/