js中的绑定事件
Posted 流世幻羽
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js中的绑定事件相关的知识，希望对你有一定的参考价值。
判断一个事件是否有某一个方法
//构造一个对象
function Person(name){
this.name=name;
this.sayHi=function(){
console.log("sayHIsss");
}
}
var person=new Person("小明");
if(person.sayHii){
person.sayHii();
}else if(person.sayHi){
person.sayHi();
}
else{
console.log("aa");
}
入门火狐和谷歌支持
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> </head> <script > function my$(id){ return document.getElementById(id); } //设置任意元素的中间的文本内容 function setInnnerText(element,text) { if(typeof element.textContent=="undefined"){ element.innerText=text; }else{ element.textContent=text; } } </script> <body> <input type="button" value="创建一个p" id="btn"/> 哈哈哈 <div id=‘dv‘> </div> <script> //添加多个绑定事件都可以执行ie8不支持 my$("btn").addEventListener("click",function () { console.log("你好皮"); },false); my$("btn").addEventListener("click",function(){ console.log("你好啊"); },false) //添加多个绑定事件火狐和谷歌不支持 my$("btn").attachEvent("onclick",function () { console.log("你好2"); },false); my$("btn").attachEvent("onclick",function () { console.log("我不好"); },false); </script> </body> </html>
为元素绑定事件兼容性代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>title</title>
</head>
<body>
<input type="button" value="按钮" id="btn"/>
<script src="common.js"></script>
<script>
//为任意元素.绑定任意的事件, 任意的元素,事件的类型,事件处理函数
function addEventListener(element,type,fn) {
//判断浏览器是否支持这个方法
if(element.addEventListener){
element.addEventListener(type,fn,false);
}else if(element.attachEvent){
element.attachEvent("on"+type,fn);
}else{
element["on"+type]=fn;
}
}
addEventListener(my$("btn"),"click",function () {
console.log("哦1");
});
addEventListener(my$("btn"),"click",function () {
console.log("哦2");
});
addEventListener(my$("btn"),"click",function () {
console.log("哦3");
});
// my$("btn")["on"+"click"]=function () {
//
// };
// function Person(name) {
// this.name=name;
// this.sayHi=function () {
// console.log("您好啊");
// };
// }
// var per=new Person("小明");
// if(per.sayHii){//判断这个对象中有没有这个方法
// per.sayHii();
// }else{
// console.log("没有这个方法");
// }
</script>
</body>
</html>
以上是关于js中的绑定事件的主要内容，如果未能解决你的问题，请参考以下文章