停用輸入元素的事件處理
停用輸入元素本質上不回應滑鼠事件。雖然大多數瀏覽器允許事件從停用元素向上傳播到 DOM 樹,但這種行為與 Firefox 不一致。找到適用於所有瀏覽器的有效解決方案可能具有挑戰性。
跨瀏覽器解決方案
要實現跨瀏覽器相容性,請考慮在停用輸入。透過捕獲此覆蓋元素上的單擊事件,您可以有效地模擬預期的行為。它的工作原理如下:
<div>
$("div > div").click(function (evt) { $(this).hide().prev("input[disabled]").prop("disabled", false).focus(); });
此解決方案建立一個覆蓋禁用輸入的覆蓋 div。當使用者點擊覆蓋層時,它會觸發點擊事件處理程序,然後停用輸入並允許使用者互動。
結論
雖然本機禁用輸入元素缺乏標準的事件處理,透過放置一個覆蓋元素並捕獲其上的單擊事件,您可以實現完全的跨瀏覽器相容性。這種方法允許禁用的輸入元素按預期運行,保留功能而不影響效能。
以上是如何處理跨瀏覽器禁用輸入元素的點擊事件?的詳細內容。更多資訊請關注PHP中文網其他相關文章!