jQuery 작동 html 요소 클릭 이벤트에 대한 자세한 설명

이번에는 html 요소 클릭 이벤트에 대한 자세한 설명을 가져왔습니다. html 요소 클릭 이벤트 실행 시 jQuery의 주의사항은 무엇인가요?

html 요소의 클릭 이벤트를 제거하거나 비활성화하는 것은 CSS, js 또는 jQuery를 통해 수행할 수 있습니다.

1. CSS 메소드

.disabled { 포인터 이벤트: 없음 }

2. jQuery 메소드

메소드 1

$(this).click(function (event) {
event.preventDefault();
}

$('a').live('click', function(event) {
   alert("抱歉,已停用！");
   event.preventDefault();
});

참고: 이 메서드의 라이브는 on, 바인딩 및 기타 메서드일 수도 있습니다.

방법 3

$('.disableCss').removeAttr('onclick');//去掉标签中的onclick事件

removeAttr 메서드를 사용하여

html 태그의 속성을 제어하면 활성화 또는 비활성화 이벤트에 도달했습니다. 또한 이 방법을 사용하면 다른 이벤트나 효과도 제어할 수 있습니다.

방법 4

$('#button').attr('disabled',"true");//添加disabled属性
$('#button').removeAttr("disabled"); //移除disabled属性

참고: 방법 3과 동일하지만 일반적으로 비활성화된 속성은 버튼 유형 또는 제출 유형의 입력에 사용됩니다

PS: 여기에 첨부된 내용은 javascript공통 이벤트와 함수 설명의 온라인 비교표는 참고용입니다.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사에 주목하세요.

추천 도서:

jquery의 시간 획득 방법 요약

jQuery 버전 업그레이드 시 주의사항은 무엇인가요

위 내용은 jQuery 작동 html 요소 클릭 이벤트에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!