<!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操作,浏览器协助完成,没有多复杂。<!-- 三个核心方法  ...
离线缓存的开启实例使用apache设置 1.apache配置文件搜索Addtype,我的addtype已经存在项目,如下 AddType application/x-compress .Z AddType application/x-gz...
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body>...
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script type...
jQuery 插件——jqueryrotate,它可以实现旋转效果。jqueryrotate 支持所有主流浏览器,包括 IE6。如果提示方法不存在,可能是你的Jquery版本过低或者过高。基本语法:$('#img').rotate(90);//旋转90度其他的参数:参数类型说明默认值...