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

js事件绑定函数

时间:2017-06-03 15:04:55      阅读:266      评论:0      收藏:0      [点我收藏+]

标签:函数   his   lis   value   get   put   button   onclick   htm   

js中事件绑定方法大致有三种:

1.在DOM元素中绑定

<input  onclick="alert(‘在DOM中绑定‘)"  type="button"  value="点击我" />

也可以在onclick中填写函数,与addeventlistener不同的是,在onclick中的函数允许小括号,而后者不允许。

2.在JavaScript代码中绑定

<input  id="demo"  type="button"  value="点击我" />
<script type="text/javascript">
document.getElementById("demo").onclick=function(){
    alert(this.getAttribute("type"));  
}
</script>

3.通过事件绑定函数来绑定

<input type="button" id="myBtn" value="点我"/>
<p id="demo"></p>
<script>
document.getElementById("myBtn").addEventListener("click", myFunction);
function myFunction() 
{
    document.getElementById("demo").innerHTML = "Hello World";
}
</script>

其实1,2是同一种绑定方法,并且1,2同时存在时2会覆盖1,因为onclick是一种属性。

而第三种事件监听可以给同一个对象绑定多个函数,不会覆盖,而是依次执行。

js事件绑定函数

标签:函数   his   lis   value   get   put   button   onclick   htm   

原文地址:http://www.cnblogs.com/puffmoff/p/6937225.html

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