码迷,mamicode.com
首页 > Web开发 > 详细

js中的绑定事件

时间:2018-07-20 23:37:14      阅读:235      评论:0      收藏:0      [点我收藏+]

标签:哈哈哈   text   script   get   oct   tac   按钮   OLE   火狐   

判断一个事件是否有某一个方法

//构造一个对象
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中的绑定事件

标签:哈哈哈   text   script   get   oct   tac   按钮   OLE   火狐   

原文地址:https://www.cnblogs.com/liushisaonian/p/9344543.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!