JavaScript 강화된 맞춤 이벤트 event_javascript 기술

코드 복사 코드는 다음과 같습니다.

$().ready(function(){
for( var i=0;i/**
* 이런 글은 비전문적입니다. 반복되는 경우 이벤트가 5회 등록되며
클릭 후 알림이 5회 발생합니다.*/
// $("#aa").click(function(){
// Alert(" 하하하하");
// })
/**
* 이런 방식은 클릭 이벤트를 등록하기 전에 먼저 클릭 이벤트를 바인딩 해제한 다음 클릭 이벤트를 바인딩하므로 결국 하나의 클릭 이벤트만 바인딩됩니다.
*/
$("#aa").unbind("클릭"); #aa" ).bind("click",function(){
alert("oooooo");
});
}
});

맞춤 이벤트 :

코드 복사 코드는 다음과 같습니다.

$().ready( function(){
/**
* 클릭 시 실행되는 맞춤 이벤트
*/
$("#aa").bind("click",function(){
//이벤트 트리거, 사용자 정의 이벤트 트리거
$( this).trigger("클릭하세요")
});
//"클릭하세요" 이벤트 사용자 지정
$("#aa").unbind("클릭하세요");
$("#aa").bind("클릭하세요",function(){
alert("클릭하세요");
})


커스텀 이벤트 전달 매개변수:

코드 복사 코드는 다음과 같습니다.

$( ).ready(function(){

/**
* 클릭 시 실행되는 맞춤 이벤트
*/
$("#aa").bind("click",function(){
//이벤트 트리거, 사용자 정의 이벤트 트리거, 실제 매개변수 전달
$(this).trigger("Click me",['Zhang San','Li Si'])
}); me" event
$("#aa").unbind("Click me");
//첫 번째 매개변수는 고정되고 나머지는 사용자 정의되며 이벤트를 다른 이름으로 작성하더라도 여전히 고정 유형인 마우스 이벤트
$("#aa").bind("Click me", function(event,a,b){
alert("Click me");
alert (a);
alert(b);
});
})


연습:

이벤트 바인딩 드롭다운 목록 상자로

드롭다운 목록 상자에서 항목을 선택하면 이벤트가 발생하고, 선택한 값이 매개변수 및 출력 형태로 사용자 정의 이벤트에 전달됩니다.

html:

코드 복사 코드는 다음과 같습니다. < ;select id ="select">

111

222 옵션 값= "333">333



js:

코드 복사

코드는 다음과 같습니다. $().ready(function(){ $("option").unbind("click"); $(" option").bind("click",function(){

$(this).trigger("선택 및 표시",[$(this).val()]);

});

$("option").unbind("선택 및 표시")
$("option").bind("선택 및 표시",function(event,value) {
경고(값);
})