ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryがdivとspanのkeydownイベントを実装する方法の詳細な説明

jqueryがdivとspanのkeydownイベントを実装する方法の詳細な説明

黄舟
リリース: 2017-06-27 13:34:10
オリジナル
1688 人が閲覧しました

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ドキュメントからコピーしたテキストです。フォーカスを取得できるため、keydowneventをフォーム要素にバインドできることが説明されていますが、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 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート