Home > Web Front-end > JS Tutorial > JS event binding function code_javascript skills

JS event binding function code_javascript skills

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Release: 2016-05-16 18:28:27
Original
824 people have browsed it
Mainly solved

Browser compatibility, now compatible with IE6 7 8 FF Google (nonsense)
In IE browser, this points to the problem.
Just go to the code!
Copy code The code is as follows:

var bind=function(object,type,fn){
if(object.attachEvent){//IE browser
object.attachEvent("on" type,(function(){
return function(event){
window.event.cancelBubble= true;//Stop time bubbling
object.attachEvent=[fn.apply(object)];//----What I want to talk about here is here
}
})(object), false);
}else if(object.addEventListener){//Other browsers
object.addEventListener(type, function(event){
event.stopPropagation();//Stop time bubbling
fn.apply(this)
});
}

}

//The following is a click event added to the ID AAA
bind(document .getElementById("aaa"),"click",function(){alert("This is the ID of the button you clicked" this.id "This is the first bound function")});
bind (document.getElementById("aaa"),"click",function(){alert("This is the ID of the button you clicked" this.id "This is the second bound function")});

The code is very simple and does not require any explanation. Just use it and you will know. hehe.
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Issues
Where is js written?
From 1970-01-01 08:00:00
0
0
0
js file code not found
From 1970-01-01 08:00:00
0
0
0
js addClass not working
From 1970-01-01 08:00:00
0
0
0
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template