事件冒泡
来源:互联网 发布:台湾知见旅行社 编辑:程序博客网 时间:2024/05/22 11:46
<div id='box'>
<p id='content'></p>
</div>
<script type="text/javascript">
var box=document.getElementById('box');
var content=document.getElementById('content');
//attachEvent事件名称必须有on //IE中使用
if(box.attachEvent){
box.attachEvent('onclick',function(){
alert('box被点击');
});
content.attachEvent('onclick',function(){
alert('bcontent被点击');
});
}else{
box.addEventListener('click',function(){
alert('box被点击')
},false);
content.addEventListener('click',function(){
alert('content被点击')
},false);
}
//******************************************
//封装
</script>
<p id='content'></p>
</div>
<script type="text/javascript">
var box=document.getElementById('box');
var content=document.getElementById('content');
//attachEvent事件名称必须有on //IE中使用
if(box.attachEvent){
box.attachEvent('onclick',function(){
alert('box被点击');
});
content.attachEvent('onclick',function(){
alert('bcontent被点击');
});
}else{
box.addEventListener('click',function(){
alert('box被点击')
},false);
content.addEventListener('click',function(){
alert('content被点击')
},false);
}
//******************************************
//封装
</script>
0 0
- 事件冒泡
- 事件 冒泡
- 冒泡事件
- 冒泡事件
- 事件冒泡
- 冒泡事件
- 事件冒泡
- 事件冒泡
- 事件冒泡
- 事件冒泡
- 事件冒泡
- 事件冒泡
- 事件冒泡
- 事件冒泡:
- 事件冒泡
- 事件冒泡
- 冒泡事件
- 事件冒泡
- OSTU原理及MATLAB和C++算法实现
- [原创] JQ仿淘宝图片局部放大镜效果
- 微信模板消息发送
- HDU 2588 GCD
- Socket详解
- 事件冒泡
- shape的使用
- Python——我的第一个Python程序cmd直接输入
- Myeclipse-Java head space
- POJ_3627_贪心
- hdu2389 Rain on your Parade--HK算法 & 最大匹配数
- mysqldump: dumper has insufficent privileges to SHOW CREATE FUNCTION
- 干货:机器学习领域的几种主要学习方式,如深度学习
- 如何打开Mac OSX原生的读写NTFS功能(支持OS X EI,秒杀NTFS+)