js基础3
2015-08-13 23:58
549 查看
DOM兼容问题的解决
<body>
<div style="border: 1px solid red;">
<input type="button" value="click" id="click"/>
</div>
</body>
<script type="text/javascript">
var func1 = function() {
alert(1);
}
var func2 = function() {
alert(2);
}
var btn = document.getElementById("click");
if (document.addEventListener) {
document.body.addEventListener("click", func2);//默认冒泡
btn.addEventListener("click", func1, true);
} else if(document.attachEvent) {
btn.attachEvent("onclick", func2);
}
</script>
<body>
<div style="border: 1px solid red;">
<input type="button" value="click" id="click"/>
</div>
</body>
<script type="text/javascript">
var func1 = function() {
alert(1);
}
var func2 = function() {
alert(2);
}
var btn = document.getElementById("click");
if (document.addEventListener) {
document.body.addEventListener("click", func2);//默认冒泡
btn.addEventListener("click", func1, true);
} else if(document.attachEvent) {
btn.attachEvent("onclick", func2);
}
</script>
相关文章推荐
- 用javascript语言循环输出表格
- js基础1
- js基础
- [BZOJ1015] [JSOI2008]星球大战starwar
- Javascript - StringBuilder
- JavaScript 编程
- 读《javascript权威指南》第五版 第七章 对象与数组
- JavaScript 数组-Array的方法总结
- JSTL简单入门学习实例
- JS学习十三天----子集和扩展
- [持续更新]JavaScript学习笔记(三)
- js 异步请求封装
- 从安卓客户端向服务器端发送JSON格式的数据
- 深入JavaScript(15)JavaScript核心(晋级高手必读篇)
- Hive JSON数据处理的一点探索
- 深入JavaScript(14)JavaScript与DOM(下)
- 深入JavaScript(13)JavaScript与DOM(上)
- JSON Web Token (JWT) 简介
- 深入JavaScript(11)求值策略(Evaluation strategy)
- 深入JavaScript(10)面向对象编程之概论