首頁 > web前端 > js教程 > 主體

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

黄舟
發布: 2017-06-27 13:34:10
原創
1685 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板