上一页 1 2 3 4 5 6 7 8 9 10 ··· 20 下一页
2018年7月18日
鼠标滚轮的事件
摘要： 这段时间的都是讲事件的，所以今天再来讲一个鼠标滚轮的事件。 要实现的功能是： * 当鼠标滚轮向下滚动时，box1变长 * 当鼠标滚轮向上滚动时，box1变短 废话少说，代码奉上： 阅读全文
posted @ 2018-07-18 17:14 你若精彩，蝴蝶自来 阅读(225) 评论(0) 推荐(0) 编辑
2018年7月17日
事件的拖拽一
摘要： /* * 拖拽的流程 * 1、当鼠标在被拖拽元素上按下时，开始拖拽 onmousedown * 2、当鼠标移动时被拖拽元素跟随鼠标移动onmousemove * 3、当鼠标松开时，被拖拽函数固定在当前位置 onmouseup */ 具体实现流程： 以上是比较简单的情况下，没有考虑到其他的影响下的情况 阅读全文
posted @ 2018-07-17 23:06 你若精彩，蝴蝶自来 阅读(252) 评论(0) 推荐(0) 编辑
事件的传播
摘要： 首先设置三个具有祖先后代关系的div，也类似事件冒泡的设置。如下图所示 先来个响应函数，相当于回顾上一节课的内容： 来看看事件传播的具体历史发展历程： /* * 事件的传播 * 关于事件的传播网景公司和微软公司有不同的理解 * 微软公司认为事件应该是由内向外传播，也就是当事件触发时，应该先触发当前元 阅读全文
posted @ 2018-07-17 22:38 你若精彩，蝴蝶自来 阅读(202) 评论(0) 推荐(0) 编辑
2018年7月16日
事件的绑定
摘要： 实现事件的绑定，一般情况下都是使用onclick等方式实现，但是使用 使用对象.事件 = 函数的形式绑定响应函数， * 它只能同时为一个元素的一个事件绑定一个函数， * 不能绑定多个，如果绑定了多个，则后边会覆盖前边的。 * 如果实现绑定多个，则可以用addEventListener()实现或者at 阅读全文
posted @ 2018-07-16 14:55 你若精彩，蝴蝶自来 阅读(163) 评论(0) 推荐(0) 编辑
事件的委派
摘要： 有的时候，需要实现一个列表发生响应事件，但是新添加的也实现，又可以提高性能的方法 实现点击链接产生想要的内容，首先是可以使用循环实现： 但是 /* * 为每个超链接都绑定一个单击函数 * 这里我们为每个超链接都绑定一个单击响应函数，这种操作比较麻烦， * 而且这些操作只能为已有的超链接设置事件，而新 阅读全文
posted @ 2018-07-16 13:12 你若精彩，蝴蝶自来 阅读(249) 评论(0) 推荐(0) 编辑
事件冒泡
摘要： 在工作做事件冒泡经常遇到，但是事件冒泡很多时候是有作用的。比如我弄一个嵌套层事件，来验证事件冒泡。 首先，给span和div和body绑定响应函数： 当点击span的响应函数时，div和body的响应函数都发生了，这是因为冒泡事件。 通过点击span发生响应，div和body都发生响应，这种影响关系 阅读全文
posted @ 2018-07-16 12:11 你若精彩，蝴蝶自来 阅读(155) 评论(0) 推荐(0) 编辑
2018年7月15日
div跟随鼠标移动
摘要： 1、目标是实现div跟随鼠标而移动，分三种情况进行实现 a）首先获取div，进行绑定鼠标移动事件，给div开启定位功能 第一种实现方式，假如body的大小跟页面大小一样，则可以用这个方法。 1）获取鼠标的坐标，进行给div坐标赋值，实现如下： 第二种方式，假如body的高度大于可见高度，则会出现滚动 阅读全文
posted @ 2018-07-15 18:13 你若精彩，蝴蝶自来 阅读(1944) 评论(0) 推荐(0) 编辑
事件对象
摘要： 这次来讲讲HTML 的event对象，事件对象，首先实现的是实现功能：当鼠标在areadiv中移动时，在messdiv中来显示鼠标的坐标。 首先先弄两个div，代码如下： <body> //首先获取两个div var aeradiv = document.getElementById("areadi 阅读全文
posted @ 2018-07-15 13:08 你若精彩，蝴蝶自来 阅读(133) 评论(0) 推荐(0) 编辑
2018年6月19日
简单的网页布局
摘要： 由于网页都是根据不一样的布局组成的，所以制作一个页面首先要画出布局再去设置。 阅读全文
posted @ 2018-06-19 12:10 你若精彩，蝴蝶自来 阅读(208) 评论(0) 推荐(0) 编辑
2018年6月15日
浮动
摘要： /* 在文档流中，子元素的宽度默认占父元素的全部 当元素设置浮动以后，会完全脱离文档流， 块元素脱离文档流以后，高度和宽度都被内容撑开。 内联元素脱离文档流以后会变成块元素 */ 阅读全文
posted @ 2018-06-15 15:56 你若精彩，蝴蝶自来 阅读(151) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 8 9 10 ··· 20 下一页