dom事件运用
文章平均质量分 53
alightman
这个作者很懒,什么都没留下…
展开
-
数组的随机点名
var random = parseInt(Math.random()*arr.length);for(var i = 0; i lis[i].className = "";}lis[random].className = "style";*(找到对象,多个lis,遍历出来,清掉所有人,lis[i]的i的数字随机赋值样式)关于排他,前面的去空和后面的赋值,一定要属性原创 2017-09-23 01:24:05 · 880 阅读 · 0 评论 -
js获取当地时间做当地指针始终
做一个机械钟表,钟表背景,做一个三指针偏转的动画效果1、获取当地时间获取三个指针的对象(样式不赘述)var h = document.getElementById("h");var m = document.getElementById("m");var s = document.getElementById("s");获取当地时间function setTim原创 2017-09-23 01:26:01 · 254 阅读 · 0 评论 -
addEventListener注册事件(事件监听)
注册事件的简单方式::bth.on事件 = function{};如果重复注册相同的事件,后面的事件会把前面的事件覆盖掉。例子:输入一下代码,点击事件,控制台输出document.onclick=function() {console.log("厉害");}document.onclick=function() {console.lo原创 2017-09-24 00:54:49 · 5208 阅读 · 2 评论 -
鼠标经过,产品图片的局部放大
原理:两张图片,大div包含两个图片的div,大图片隐藏找到对象var box = document.getElementById("box");//大的盒子模块var smallBox = document.getElementById("smallBox");//小图片var mask = document.getElementById("mask");//黄色高亮区域va原创 2017-09-24 01:13:30 · 2547 阅读 · 0 评论 -
简易鼠标移动
document.addEventListener("mousemove", function (e) {box.style.left = e.pageX-box.offsetWidth/2+"px";box.style.top = e.pageY-box.offsetHeight/2+"px";})我想将光标原点放在盒子的中间得到的e.pageX减去盒子宽度的一半-box原创 2017-09-24 01:09:49 · 230 阅读 · 0 评论 -
事件对象及常用属性
事件对象:触发某个事件,都会产生一个事件对象Event,document.onclick = function (e) {console.log(e);}//获取事件对象的兼容性代码//e = e || window.event;ie678没有当成参数传给函数,而是绑定在了属性window.eventMouseEvent鼠标事件事件对象的常用属性sc原创 2017-09-24 01:06:39 · 1122 阅读 · 0 评论 -
事件流及其三阶段
事件流1.事件的捕获阶段2.事件的目标阶段3.事件的冒泡阶段事件有三个阶段,首先发生的是捕获阶段,然后是目标阶段,最后才是冒泡阶段,对于捕获和冒泡,我们只能干预其中的一个,通常来说,我们可能会干预事件冒泡阶段,而不去干预事件捕获阶段。1、事件捕获事件捕获是火狐浏览器提出来的,IE678不支持事件捕获(基本上,我们都是用事件冒泡)事件的处理将从DOM层次的根开始,原创 2017-09-24 01:01:12 · 4647 阅读 · 0 评论