实现拖拽案例 效果如下图所示: 代码如下图所示: 代码思路说明: 第23行代码:在div元素中触发onmousedown事件,实现鼠标在div按下,不提起功能 【区别于onclick,onclick:按下、提起事件,属于两个动作(即:onmousedown+onmouseup)】 第20-21行代码 ...
分类:
Web程序 时间:
2019-06-05 23:45:06
阅读次数:
207
默认行为 1》默认行为 解释——也称作:默认事件。即不需要自己编写代码,浏览器自身所具备的一些功能 例如下图片所示: 在浏览器中单击右键,出现浏览器默认的菜单栏选项(这是最简单的默认行为) 2》阻止默认行为 案例1:屏蔽右键菜单(即消除上图所示的“浏览器右键出现菜单栏”事件) 代码如下所示: 注:o ...
分类:
Web程序 时间:
2019-06-05 22:13:13
阅读次数:
235
键盘事件 1》keyCode 1)keyCode方法——即:获取用户按下键盘所对应的键值 2)案例:键盘控制div移动 案例代码如下图: 2》其他属性 1)ctrlKey、shiftKey、altKey(这三个的用法相同) 用法:ctrlKey 事件属性可返回一个布尔值,指示当事件发生时,Ctrl ...
分类:
Web程序 时间:
2019-06-03 23:52:23
阅读次数:
263
鼠标位置 1》可视区位置:clientX、clientY 跟着鼠标移动的div案例 代码如下图: 这个案例,运用到前一篇文章中的event事件来处理。获取div的left和top值,当鼠标移动时,div的left和top值跟着鼠标位置改变而改变。(注意的是:需要给div设置绝对定位) 演示效果如下图 ...
分类:
Web程序 时间:
2019-06-01 23:09:51
阅读次数:
146
Api目录 1、简单的注册、触发事件的流程 2、eventEmitter.defaultMaxListeners 3、emitter.setMaxListeners(n) 4、emitter.getMaxListeners(n) 5、emitter.prependListener(eventName ...
分类:
Web程序 时间:
2019-05-21 19:32:55
阅读次数:
236
在App开发中,经常会遇到子页面给父级页面传值,通过自定义事件,用户可以轻松实现数据传递。 一、添加自定义事件监听操作和标准js事件监听类似,可直接通过window对象添加,如下: window.addEventListener('customEvent',function(event){ //通过 ...
分类:
其他好文 时间:
2019-05-14 13:29:53
阅读次数:
139
捕获(capture)和冒泡(bubble)是事件传播过程中的两个概念, 比如用户单击某个元素, 但由于元素处于父元素内, 该父元素又处于document对象中, document对象又处于window对象中, 因此该单击事件实际发生在该元素, 父元素, document, window对象上, 而 ...
分类:
Web程序 时间:
2019-05-14 12:48:32
阅读次数:
152
onclick单机事件 ondblick双击事件 onfocus成为焦点,onblur失去焦点 onchange选中对象的值发生变化 onload页面装载 onmousemove鼠标移动 onmouseeout 出去 onmousewheel滑动滚轮 onkeydown按键盘 ...
分类:
Web程序 时间:
2019-05-03 16:03:15
阅读次数:
160
js事件集合大全 javascript事件查询综合 click() 对象.click() 使对象被点击。closed 对象.closed 对象窗口是否已关闭true/falseclearTimeout(对象) 清除已设置的setTimeout对象clearInterval(对象) 清除已设置的set ...
分类:
Web程序 时间:
2019-04-30 23:53:14
阅读次数:
740
js里怎么去监听一个事件? 网页中每一个元素都有可以产生某些触发JavaScript函数的事件,事件是可以被JavaScript侦测到的一种行为 监听方法的参数分别代表什么意思?其中哪些参数关系到js的事件流机制?js事件流机制有哪些工作?工作原理是什么? 第一个参数是,事件类型,例如onclick ...
分类:
其他好文 时间:
2019-04-13 13:42:20
阅读次数:
160