> 웹 프론트엔드 > 프런트엔드 Q&A > Jquery에서 클릭 요소를 비활성화하는 방법

Jquery에서 클릭 요소를 비활성화하는 방법

藏色散人
풀어 주다: 2021-11-11 09:35:27
원래의
3865명이 탐색했습니다.

요소 클릭을 금지하는 jquery를 구현하는 방법: 1. "$(this).click(function (event) {...}"를 통해; 2. "$('a').live('click', function(event) {...}" 메서드 등이 있습니다.

Jquery에서 클릭 요소를 비활성화하는 방법

이 문서의 운영 환경: Windows 7 시스템, jquery 버전 3.2.1, DELL G3 컴퓨터

에서 요소 클릭을 금지하는 방법 jquery?

html 요소의 클릭 이벤트 제거 또는 비활성화는 css나 js 또는 jQuery를 통해 구현할 수 있습니다.

1. CSS 메서드

.disabled { pointer-events: none; }
로그인 후 복사

2. jQuery 메서드

Method 1

$(this).click(function (event) {
event.preventDefault();
}
로그인 후 복사

Method 2

$('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과 동일하지만 일반적으로 비활성화된 속성은 유형 버튼 또는 제출의 입력에 사용됩니다

권장 학습: "jquery 동영상 튜토리얼"

위 내용은 Jquery에서 클릭 요소를 비활성화하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿