一、UI事件【使用时需要添加on eg: onload 页面加载完成事件】load 【一张页面或一幅图像完成加载】页面加载后触发的事件,即进入页面后unload 【用户退出页面】页面卸载后触发的事件,即离开页面时(firefox不支持)select 【文本被选中】当用户选择文本框(<input>,< ...
分类:
Web程序 时间:
2019-07-23 22:35:20
阅读次数:
157
一、事件三要素1、事件目标【谁触发的该事件(引起该事件触发的源头:target)】2、事件处理程序【处理相应事件的函数】3、事件对象【触发事件产生的携带事件信息的对象】二、事件流【从页面中接受事件的顺序】1、事件捕获流 相同事件从外到内依次执行2、事件冒泡流 相同事件从内到外依次执行3、DOM事件流 ...
分类:
Web程序 时间:
2019-07-22 16:45:41
阅读次数:
117
一、发生一个事件时,事件及事件处理句柄会被放入浏览器的事件队列,事件可归为以下几类: 浏览器事件:window.load、document.DomContentLoaded等 网络请求事件:ajax、websocket 用户事件:单双击、鼠标滚动、调整页面大小等 计时器事件:setTimeout,s ...
分类:
Web程序 时间:
2019-07-17 18:30:01
阅读次数:
155
事件概念和事件监听 事件的概念 JavaScript使我们有能力创建动态页面,网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。我们可以认为事件是可以被JavaScript侦测到的一种行为。 使用返回值改变HTML元素的默认行为 HTML元素大都包含了自己的默认行为,例如:超链接 ...
分类:
Web程序 时间:
2019-07-14 11:27:33
阅读次数:
140
JS事件包括如下:1.鼠标事件onclick点击onmouseup鼠标弹起onmousedown鼠标按下onmouseover鼠标移动到元素上onmouseout鼠标离开元素onmousemove鼠标在元素上移动2.键盘事件3.文本事件4.窗口事件5.自定义事件
分类:
Web程序 时间:
2019-07-06 09:22:10
阅读次数:
114
直接上代码 jquery.bind() 查询官方api可看见回调方法传入值为event, 通过event就能阻止事件后续传播 js事件模型 参考 深入理解js事件机制 ...
分类:
Web程序 时间:
2019-07-02 21:20:35
阅读次数:
151
1.<a href ="#" onclick ="js_method()"> 这个方法中的#号代表top,所以点击之后会跳转到页面最顶端 2.<a href = "javascript:void(0);" onclick ="js_method()">文本</a> 这是最常用的方法。前面的void( ...
分类:
Web程序 时间:
2019-06-26 01:02:12
阅读次数:
145
一、事件绑定: (1) ele.onxxx=function () {}; //同一个元素只能绑定一次; (2) obj.addEventListener(type,fn,false); //能绑定多个,IE9不兼容; (3) obj.attachEvent('on' +type,fn); //IE ...
分类:
Web程序 时间:
2019-06-24 21:16:57
阅读次数:
185
Node.js 事件循环机制 setImmediate()是将事件插入到事件队列尾部,主线程和事件队列的函数执行完成之后立即执行setImmediate指定的回调函数,和setTimeout(fn,0)的效果差不多 process.nextTick()方法可以在当前"执行栈"的尾部 下一次Event ...
分类:
Web程序 时间:
2019-06-15 13:23:07
阅读次数:
150
一、事件绑定: onclick方式: addEventListener: 二、事件流。 js中事件流分两种: 冒泡事件:当子元素的事件被执行,他的父元素相同事件也依次执行。有子元素事件依次执行父元素的相同的事件。 捕获事件:当触发子元素的事件的时候,先执行其父元素的相同的事件,由大到小依次执行相同的 ...
分类:
Web程序 时间:
2019-06-08 11:49:20
阅读次数:
143