通過jQuery的兩種方式,bind()事件和keypress()事件,效果圖如下:
keyCode = 13是回車鍵
完整代碼如下:
-
<meta charset="utf-8" />
-
<script src="/style/js/jquery-1.9.1.min.js"></script>
-
<input type="text" id="content" placeholder="jQuery bind()事件" />
-
<input type="text" id="c" placeholder="jQuery keypress()事件" />
-
<script type="text/javascript">
-
$('#content').bind('keypress',function(event){
-
var content = $(this).val();
-
if(event.keyCode == '13')
-
{
-
alert('您輸入的內容是:' + content);
-
}
-
});
-
$('#c').keypress(function(event){
-
var c = $(this).val();
-
if(event.keyCode == '13')
-
{
-
alert('您輸入的內容是:' + c);
-
}
-
});
-
</script>
bind()事件是通過為指定元素的特定事件綁定事件處理函數,bind()把keypress()事件綁定在input元素上。keypress()事件:當鍵盤或按鈕被按下時,發生 keypress 事件。參數event。