jquery에서 onclick 이벤트를 제거하는 방법-프런트엔드 Q&A-php.cn

jquery에서 onclick 이벤트를 제거하는 방법

WBOY

풀어 주다： 2022-05-18 20:39:15

원래의

4442명이 탐색했습니다.

제거 방법: 1. "element object.removeAttr("onclick")"을 사용하여 html 태그 내에 정의된 이벤트를 제거합니다. 2. "element object.unbind("click")" 또는 "element object.off( "click")"은 jquery 이벤트에 의해 바인딩된 이벤트를 제거합니다.

jquery에서 onclick 이벤트를 제거하는 방법

이 튜토리얼의 운영 환경: windows10 시스템, jquery3.2.1 버전, Dell G3 컴퓨터.

jquery에서 onclick 이벤트를 제거하는 방법

1. html 태그 내에 정의된 onclick 이벤트인 경우, RemoveAttr("onlick") 메서드를 사용해야 합니다.

removeAttr() 메서드는 하나 이상을 제거합니다. 선택한 요소 속성의 요소.

<div id="test" onclick="setOnclick">onclick事件</div>
 
<javascript>
    $("#test").removeAttr("onclick");
</javascript>

로그인 후 복사

2. 현재 클릭이 jquery 이벤트에 바인딩된 이벤트인 경우 unbind("click") 메서드를 사용해야 합니다.

unbind() 메서드는 선택한 요소의 이벤트 핸들러를 제거합니다.

이 메소드는 이벤트 핸들러 전체 또는 선택된 이벤트 핸들러를 제거하거나, 이벤트 발생 시 지정된 함수의 실행을 종료할 수 있습니다.

이 방법은 이벤트 객체를 통해 이벤트 핸들러의 바인딩을 해제할 수도 있습니다. 이 메서드는 이벤트 자체를 바인딩 해제하는 데에도 사용됩니다(예: 이벤트가 특정 횟수만큼 트리거된 후 이벤트 핸들러 삭제).

참고: 매개변수가 지정되지 않으면 unbind() 메서드는 지정된 요소에 대한 모든 이벤트 핸들러를 제거합니다.

참고: unbind() 메서드는 jQuery가 추가한 모든 이벤트 핸들러에 대해 작동합니다.

jQuery 버전 1.7부터 on() 및 off() 메서드는 요소에 이벤트 핸들러를 추가하고 제거하는 데 선호되는 방법입니다.

// jquery 绑定事件
$(&#39;#test&#39;).click(function(){
    alert("click");
})
 
// 使用unbind解除绑定
$("#test").unbind("click");

로그인 후 복사

예제는 다음과 같습니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title> 
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$(&#39;#button1&#39;).click(function(){
    alert("click");
})
  $("#button2").click(function(){
    $("#button1").unbind();
  });
});
</script>
</head>
<body>
<button id="button1">点击事件</button>
<button id="button2">移除点击事件</button>
</body>
</html>

로그인 후 복사

첫 번째 버튼을 클릭하면 결과가 출력됩니다.

jquery에서 onclick 이벤트를 제거하는 방법