jQuery 이벤트 모델의 기능은 다음과 같습니다.
이벤트 핸들러를 설정하기 위한 통합 방법을 제공합니다.
각 요소의 각 시간 유형에 대해 여러 핸들러를 허용합니다.
클릭 또는 마우스 오버와 같은 표준 이벤트 유형 이름을 채택합니다.
핸들러에 대한 인수로 사용할 수 있는 이벤트 인스턴스를 사용합니다.
가장 일반적으로 사용되는 이벤트 인스턴스 속성을 정규화합니다.
이벤트 취소 및 기본 작업 차단을 위한 통합 메서드를 제공합니다.
jQuery 바인딩 이벤트 핸들러:
bind() 명령
$('img').bind('click',funciton(event){alert('Hi there');}); 제공된 인라인 함수를 클릭 이벤트 핸들러로 페이지의 이미지에 바인딩합니다.
브라우저별 코드 없이 이벤트 핸들러 빌드
jQuery 이벤트 예<br><script type="text/javascript" src="../scripts/jquery-1.2.%201.%20js"></script> <BR><script type="text/javascript"> <BR>$(function(){ <BR>$('#vstar') <BR>.bind('click',function(event) { <BR>say('한 번!'); <BR>}) <BR>.bind('click',function(event) { <BR>say( '휘 두 번!') <BR>}) <BR>.bind('click',function(event) { <BR>say('휘 세 번!'); <BR>}); ); <BR>function say(text) { <BR>$('#console').append('<div>' text '</div>') <BR></ 스크립트> <BR><script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script>
</head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div> <BR><body> <BR><img id="vstar" src="vstar.jpg"/> ;< ;/div> <BR></body> <BR><BR> <BR><BR>이벤트 핸들러 삭제 unbind(event,listener),unbind(event) > 래퍼 세트의 모든 요소에서 선택적 전달 매개변수로 지정된 이벤트 핸들러를 제거합니다. 매개변수가 제공되지 않으면 모든 리스너(예: 이벤트 핸들러)가 요소에서 제거됩니다. <BR>Toggle 리스너 토글() <BR>toggle(listenerOdd,listenerEven)은 전달된 함수를 래퍼 세트 소유로 설정합니다. 한 쌍의 클릭 이벤트 클릭 이벤트가 트리거될 때마다 서로 전환되는 요소에 대한 핸들러입니다. </script>
클릭 이벤트가 발생할 때마다 보완 리스너를 호출합니다
코드 복사
코드는 다음과 같습니다.
;html> jQuery 토글 명령 예
>< ;img id="vstar" src="vstar.jpg"/>
