事件绑定和普通事件的区别
2016-07-12 11:39
169 查看
<input type="button" name="clickMe" id="clickMe" value="绑定事件" />
var $clickme = document.getElementById('clickMe');
$clickme.onclick = function(){
alert('第一次');
}
$clickme.onclick = function(){
alert('第二次');
}
$('#clickMe').bind('click',function(){
alert('第五次');
})
$('#clickMe').bind('click',function(){
alert('第六次');
})
$clickme.addEventListener('click',function(){
alert('第三次');
})
$clickme.addEventListener('click',function(){
alert('第四次');
})
依次弹出“第二次”,“第五次”,“第六次”,“第三次”,“第四次”,普通事件只支持单个事件,而事件绑定可以添加多个事件,都执行
var $clickme = document.getElementById('clickMe');
$clickme.onclick = function(){
alert('第一次');
}
$clickme.onclick = function(){
alert('第二次');
}
$('#clickMe').bind('click',function(){
alert('第五次');
})
$('#clickMe').bind('click',function(){
alert('第六次');
})
$clickme.addEventListener('click',function(){
alert('第三次');
})
$clickme.addEventListener('click',function(){
alert('第四次');
})
依次弹出“第二次”,“第五次”,“第六次”,“第三次”,“第四次”,普通事件只支持单个事件,而事件绑定可以添加多个事件,都执行
相关文章推荐
- Alien Dictionary
- Android四大天王之Service篇
- Mybatis 使用 PageHelper 插件分页
- Activity在manifest文件中的属性集合
- ECMAScript 6 学习系列课程 (ES6 gulp+babel 语法转化的相关用法)
- Java之文件追加内容工具类
- 文件包含漏洞
- 字符串查找、排序
- MylSAM与InnoDB
- 函数式编程初探
- 网络游戏服务器注意事项,优化措施
- 【jzoj4586】【Ned的难题】【单调栈】
- iOS判断第三方SDK是否含有广告位
- java 在 Cookei中,去用户id,把用户id做成一个共享数据
- Leetcode 119. Pascal's Triangle II (Easy) (cpp)
- 连接db2数据库时NumberFormatException异常的解决方式
- .NET开发人员必看:提高ASP.NET Web应用性能的24种方法和技巧
- CENTOS 6 通过YUM升级GCC到4.7/4.8
- jquery 全选 第二次失效
- 不要因为比特币交易而增加区块大小