输入按键功能 - 出错了

时间:2017-01-17 12:48:48

标签: jquery html

如果用户在文本输入中按Enter键,我想显示警告,但出了点问题:

<input type='text' id='inputrename' placeholder='type and press Enter'>

js

$('#inputrename').keypress(function(event) {
if (event.keycode === 13) {
    alert ('323');
}
});

警报未出现。

&#13;
&#13;
$('#inputrename').keypress(function(event) {
if (event.keycode === 13) {
	alert ('323');
}
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='text' class='mdinput' id='inputrename' maxlength='50' placeholder='type and press Enter'>
&#13;
&#13;
&#13;

3 个答案:

答案 0 :(得分:2)

使用keyCode代替keycode

$('#inputrename').keypress(function(event) {
if (event.keyCode === 13) {
	alert ('323');
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='text' class='mdinput' id='inputrename' maxlength='50' placeholder='type and press Enter'>

答案 1 :(得分:1)

&#13;
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script>
  $( function(){
    
    $( '#inputrename' ).keydown( function(e){
      
      if( e.which  === 13 )
        alert( 'Enter key pressed' )
      
    } );
    
  } );
</script>

<input type='text' class='mdinput' id='inputrename' maxlength='50' placeholder='type and press Enter'>
&#13;
&#13;
&#13;

答案 2 :(得分:1)

&#13;
&#13;
$('#inputrename').keypress(function(event) {
if (event.keyCode === 13 || event.charCode === 13 ) {
	alert ('323');
}
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='text' class='mdinput' id='inputrename' maxlength='50' placeholder='type and press Enter'>
&#13;
&#13;
&#13;

event.keyCode:返回按键事件中非字符键的Unicode值或任何其他类型键盘事件中的任何键。

event.charCode:返回按键事件期间按下的字符键的Unicode值。