如何處理跨瀏覽器禁用輸入欄位的點擊事件？

停用輸入上的點擊事件處理

在 HTML 文件中，停用的輸入欄位不會回應任何滑鼠事件。雖然在某些瀏覽器中可以將事件從停用的輸入傳播到父元素，但 Firefox 不支援此行為。因此，需要一種解決方法來跨瀏覽器啟用對禁用輸入的事件處理。

一個解決方案是在禁用輸入上放置一個透明的 div 元素。該 div 將捕獲點擊事件並觸發操作，例如從輸入中刪除停用屬性並設定焦點。

範例HTML:

<div>

jQuery:

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

此腳本將在點擊後隱藏元素並啟用禁用輸入。輸入也將獲得焦點，允許用戶立即與其互動。

工作範例：

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

透過實作此解決方法，開發人員可以確保停用的輸入欄位仍然可以接收點擊事件並觸發所有主要的所需操作瀏覽器。

以上是如何處理跨瀏覽器禁用輸入欄位的點擊事件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！