首頁  >  文章  >  web前端  >  jquery如何實作div與span的keydown事件詳解

jquery如何實作div與span的keydown事件詳解

黄舟
黄舟原創
2017-06-27 13:34:101674瀏覽

The keydown event is sent to an element when the user first presses a key on the keyboard. 
It can be attached to any element, but the event is only sent to the element that has the focus. 
Focusable elements can vary between browsers, 
but form elements can always get focus so are reasonable candidates for this event type.


以上是從jquery文檔中copy下的一段文本,它說明我們可以給form元素綁定keydown事件,因為它們可以取得焦點,但怎樣去給p、span綁定呢?
答案就是tabindex這個屬性
js中改變這個屬性:jsObj.tabIndex

jquery : $(selector).attr("tabindex",value)


##tabindex


元素的tabindex屬性用來定義元素是否可以取得焦點,是否可以透過連續的焦點
導航(一般情況是按tab鍵)取得焦點,與你取得焦點的順序。 其值必須是
整數
值。
如果沒有設置,或者設定的值不正確,則按照慣例執行。
如果是負數,使用者不可以透過連續的焦點導航來取得焦點,但可以用其他方式取得焦點。

如果是零,則可以透過連續的焦點導航來取得焦點,按照慣例確定順序。

如果是正數,則可以透過連續的焦點導航來取得焦點,並依照該值決定順序。

p預設是得不到焦點的,可以為其設定tabindex屬性使其可以獲得焦點。也就可以綁定鍵盤事件。

事例 :

<span id="myspan"></span>
js:
 $("#myspan").attr("tabindex",0);
 $("#myspan").focus();
$("#myspan").keydown(function() { alert(&#39;Handler for .keydown() called.&#39;); });

#######

以上是jquery如何實作div與span的keydown事件詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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