ブラウザ間で無効になっている入力フィールドのクリック イベントを処理するにはどうすればよいですか?

無効な入力時のクリック イベント処理

HTML ドキュメントでは、無効な入力フィールドはマウス イベントに応答しません。一部のブラウザでは、無効になった入力から親要素にイベントを伝播できる場合がありますが、Firefox はこの動作をサポートしていません。したがって、ブラウザ間で無効な入力に対するイベント処理を有効にする回避策が必要です。

解決策の 1 つは、無効な入力の上に透明な div 要素を配置することです。この div はクリック イベントをキャプチャし、入力から無効な属性を削除したりフォーカスを設定したりするなどのアクションをトリガーします。

HTML の例:

<div>

jQuery:

$("div > div").click(function (evt) {
    $(this).hide().prev("input[disabled]").prop("disabled", false).focus();
});

このスクリプトは、クリック後に div 要素を非表示にします。無効になっている入力を有効にします。入力もフォーカスを受け取り、ユーザーがすぐに操作できるようになります。

作業例:

http://jsfiddle.net/RXqAm/170/

この回避策を実装することで、開発者は無効化された入力フィールドでもクリック イベントを受信し、すべての主要なアクションで必要なアクションをトリガーできるようになります。ブラウザ。

以上がブラウザ間で無効になっている入力フィールドのクリック イベントを処理するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。