喜迎
春节

JS事件


JS运行和编译

语法分析

查找基本语法有没有错误

预解析

执行之前进行预解析
var、function关键字提前到当前作用域的顶部,变量默认值为undefined,函数默认值为函数体代码块,当函数与变量重名时,保留函数。

变量生命周期

全局变量的生命周期直至浏览器卸载页面才会结束。
局部变量只在函数的执行过程中存在,而在这个过程中会为局部变量在栈或堆上分配相应的空间,以存储它们的值,然后再函数中使用这些变量,直至函数结束

事件

用户的行为:onclick、ondblclick、onfocus、onblur、window.onload

是用户跟页面的交互,当用户跟页面进行一些“交流”的时候,页面通过js就会触发一些事件,比如鼠标点击的时候就会触发onclick事件,给这个事件绑定一个函数,那么这个时候函数就会被调用,代码就会被执行

事件类型:

鼠标事件:click,dbclick,mousedown,mouseup,mouseover,mouseout,mouseenter、 mouseleave、mousemove
鼠标滚轮:scroll,mousewheel
鼠标右键(上下文菜单:在不同环境下右键菜单不一样):contextmenu
mouseover:鼠标在元素身上移动穿过子元素的时候会被反复触发
mouseenter:只是在进入元素的时候触发
键盘事件:keydown,keyup,keypress
表单事件:对表单元素操作之后会触发的事件
单选框、多选框、下拉菜单 状态改变的时候会触发 onchange 事件
表单提交的时候会触发 onsubmit ,触发在

元素身上

this关键字:事件函数里面的this指的是事件触发对象


文章作者: NekoDeng
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 NekoDeng !
评 论
 上一篇
JS事件2
JS事件2
事件的原理事件的原理和hover类似。可以做到:hover做不到的事,:hover只能操作当前的元素,但是事件绑定之后可以选择任何元素。 事件触发三要素:通过谁触发? 通过什么触发?触发后要做什么? 事件的写法: w3c标准:事件写在行内,
2020-07-17
下一篇 
JS的node节点
JS的node节点
node节点(更详细的获取(设置)页面中所有的内容)根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点:元素是节点的别称,节点包含元素当然节点还有好多细化的种类;根节点:root>>>>HT
2020-07-14
  目录