<!DOCTYPE html> <html> <head> <title>捕捉和冒泡</title> <meta charset="utf-8"> </head> <body> <style> #china{ width:500px; height: 500px; } div{ border: 1px solid #333; width:80%; height: 80%; margin: 10%; } </style> <div id="china"> 我是中国区域 <div id="shanxi"> 我是陕西区域 <div id="xian"> 我是西安区域 </div> </div> </div> <script> //获取中国,陕西,西安三大对象 var china =document.getElementById('china'); var shanxi=document.getElementById('shanxi'); var xian =document.getElementById('xian'); //第三个参数,是否捕捉,默认值是false,不捕捉即默认为冒泡【目前是捕捉模式】 // china.addEventListener('click',function(){console.log('China')},true); // shanxi.addEventListener('click',function(){console.log('Shanxi')},true); // xian.addEventListener('click',function(){console.log('Xian')},true); //第三个参数,是否捕捉,默认值是false,不捕捉即默认为冒泡【目前是冒泡模式】 china.addEventListener('click',function(){console.log('China')},false); shanxi.addEventListener('click',function(ev){ console.log('Shanxi'); ev.stopPropagation(); },false); xian.addEventListener('click',function(){console.log('Xian')},false); </script> </body> </html> 【主要方法】:stopPropagation()
WebSql的原理是浏览器集成了sqllite数据库,Js操作,浏览器协助完成,没有多复杂。<!-- 三个核心方法  ...
window.setInterval(method,time)方法本身会返回一个资源句柄,使用clearInterval(Intervalid)方法即可清除定时器<script> var num=0; //每隔1秒再控制台输...
离线缓存的开启实例使用apache设置 1.apache配置文件搜索Addtype,我的addtype已经存在项目,如下 AddType application/x-compress .Z AddType application/x-gz...
开发需求如下,商品下单后需要指定送到日期:送达日期为周一 周三 周六 ,如果今天周一,用户选择周一即为下一周周一。代码如下:<html> <head> <meta charset="utf-8"> <title>...
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script type...
查看文章前你需要了解以下2点://1.this指向的是windows对象,通过console.log(this)可以查看到对象包含所有的方法和属性//2.全局变量属于this对象的属性通过console.log(this)可以查看到对象包含我们设置的全局变量我们经常在创建相同结构的Js对象会重复的设...