![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
DOM事件
香雪儿sofia
射手座的娃,前端攻城狮
展开
-
DOM事件探秘之三_QQ面板拖拽效果
注意点: 在标题区按下-在页面移动-释放鼠标时停止移动 onmousedown:用户按下任何鼠标按钮时触发 onmousemove:当鼠标指针在元素内部移动时触发 onmouseup:当用户释放鼠标按钮时触发 鼠标的光标位置获取:clientX和clientY属性,所有浏览器都支持这两个属性。 保持鼠标与面板的相对位置关系,按下时在哪,松开鼠标时光标还在那 移原创 2016-01-11 20:15:04 · 463 阅读 · 0 评论 -
DOM事件探秘之三-键盘事件
键盘事件 keyDown:按下任意字符键事触发,如果按着不放会重复触发此事件; keyPress:按下任意字符键事触发,如果按着不放会重复触发此事件; keyUp:松开时触发的事件。 本次预期是实现一个抽奖的小功能,当鼠标点击开始或者第一次按下回车键时,系统开始抽奖;鼠标点击结束或者第二次按下回车键时,停止抽奖。 实现效果: 【HTML结构】 <body> <di原创 2016-01-18 14:58:30 · 1882 阅读 · 0 评论 -
DOM 事件下拉菜单实例
实现下图所示的菜单效果,实现点击菜单中的向下三角展开菜单,点击页面空白处收起菜单,按下键盘上的向上、向下方向键可以选中对应的选项,鼠标点击或按下回车键将当前高亮的选项内容设为菜单的标题 任务 一、 点击菜单中的向下三角展开菜单 提示: 点击三角时需阻止事件冒泡 二、 展开菜单之后,在document对象上绑定keyup事件,按下向下方向键,选中下一个选项,按下向上方向键,选中上原创 2016-01-18 15:51:40 · 988 阅读 · 0 评论 -
DOM事件探秘之一
1.事件流事件是文档或浏览器窗口中发生的特定的交互瞬间。【JavaScript <——>HTML】事件流:描述的是从页面中接受事件的顺序。其中IE使用的是事件冒泡流 / Netscape使用的是事件捕获流 简单理解为点击按钮时,也点击了按钮所在的容器以及容器至外地的容器一直到整个DOM 事件冒泡:即事件最开始由最具体的无素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到最不具体的那个节原创 2015-12-31 09:53:51 · 333 阅读 · 0 评论 -
DOM事件探秘之二
3 事件对象2 IE中的事件对象(1)type属性 用于获取事件类型 (2)srcElement属性 用于获取事件目标 (3)cancelBubble()方法 用于阻止事件冒泡 设置为true表示阻止事件冒泡 ,设置为false表示不阻止冒泡。 (4)returnValue()方法 阻止事件的默认行为 设置为false表示阻止事件的默认行为getEvent: function(event)原创 2016-01-04 13:25:25 · 347 阅读 · 0 评论 -
可重复使用的JS函数
一、文档onload时多个函数共享加载如果需要在页面加载同时加载JS函数,可以使用addLoadEvent()函数function addLoadEvent(func){ var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func;原创 2016-01-05 16:01:23 · 535 阅读 · 0 评论