Firefox와 같은 브라우저에서 비활성화된 입력 요소에 대한 이벤트를 어떻게 트리거할 수 있습니까?

비활성화된 입력 요소의 이벤트 해결 방법

비활성화된 입력 요소는 일반적으로 마우스 이벤트를 트리거하지 않습니다. 대부분의 브라우저는 비활성화된 요소에서 상위 컨테이너로 이벤트를 전파하지만 Firefox는 이 동작을 지원하지 않습니다. 이는 특정 시나리오에서 문제를 일으킬 수 있습니다.

문제:

비활성화된 입력 요소에서 이벤트를 처리해야 하지만 기본 동작으로 인해 이를 방지할 수 있습니다.

해결책:

이 문제를 극복하기 위해 기술을 사용하여 가로챌 수 있습니다. 비활성화된 입력 요소의 이벤트를 실행하고 비활성화되지 않은 인접 요소에 대한 클릭을 트리거합니다.

다음은 HTML 및 jQuery를 사용한 구현 예입니다.

<div>

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

이 예에서는 div 요소는 비활성화된 입력 요소와 겹칩니다. div를 클릭하면 입력 요소에 대한 클릭이 트리거되어 입력 요소가 활성화되고 해당 요소에 포커스가 설정됩니다.

예:

다음을 방문하세요. 이 기술을 보려면 다음 JSFiddle 예제를 참조하세요. 액션:

https://jsfiddle.net/RXqAm/170/

위 내용은 Firefox와 같은 브라우저에서 비활성화된 입력 요소에 대한 이벤트를 어떻게 트리거할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!