首頁 >web前端 >js教程 >jquery 按鍵盤上的enter事件_jquery

jquery 按鍵盤上的enter事件_jquery

WBOY
WBOY原創
2016-05-16 16:48:481194瀏覽

接下來我們使用Jquery實作回車鍵Enter切換焦點,此程式碼在常用瀏覽器IE7, IE8, Firefox 3, Chrome 2 和 Safari 4測試通過。
使用的開發工具是微軟VS2010 Jquery框架

實作步驟如下

1、首先引用Jquery類別庫

2、Javascript程式碼

複製代碼 代碼如下:





分析:
$('input:text:first').focus();
頁面初始化時,焦點定位第一個文字方塊內

var $inp = $('input:text');

取的type=文字方塊的元素集合

$inp.bind('keydown', function (e) {}

給文字方塊集合綁定‘keydown'事件

var key = e.which;

取的目前按下的鍵值 如Enter的鍵值=13

e.preventDefault();

可以阻止它的預設行為的發生而發生其他的事情,在這裡我們組織PostBack發生,而是切換焦點。另一個相近的方法是stopPropagation,它起到阻止js事件冒泡的作用。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn