web前端：DOM之事件

作者:任风来去匆匆 更新于： 2020-03-02 11:47:38

　　事件是指对象对于外部动作的响应，当对象发生了某个事件，就会执行与此对象的这个事件相应的代码，这段代码被称为"事件过程"。事件过程的命名格式为:PrivateSub控件名_事件名()。

　　今天详细讲解Javascript中的常用事件类型和功能。

　　一鼠标事件

　　1，click：点击事件

　　等同于mousedown+mouseup，不管这两个事件间隔多久，都会触发一次click事件。

　　2，mousedown：鼠标按下事件

　　3，mouseup：鼠标弹起事件

　　4，mouseover/mouseenter：鼠标移入事件

　　5，mouseout/mouseleave：鼠标移出事件

　　注意：ES5添加的mouseenter和mouseleave阻止了事件冒泡。

　　6，mousemove：鼠标移动事件

　　7，contextmenu：右键出现菜单事件

　　8，selectstart：选中文字事件

　　小技巧：通过事件对象的button属性可以判断鼠标左右键，0：左键；1滚轮；2,：右键。另外，click事件只能由左键触发，只有mousedown和mouseup可以触发右键点击事件。

　　二键盘事件

　　1，keydown：按键按下事件

　　可以检测所有按键，但不会返回字符编码。

　　2，keypress：按键按下事件

　　只能响应字符类按键，可以返回字符的编码，charCode属性。

　　3，keyup：按键弹起事件

　　三输入框事件

　　1，input

　　每输入一次就会触发一次，即只要输入框的内容有变化都会触发该事件。

　　2，change

　　聚焦和失去焦点两个时刻内容不同才触发。

　　3，focus，获取焦点

　　当输入框获取焦点时触发

　　4，blur，失去焦点

　　当输入框失去焦点时触发

　　DOM事件处理函数的绑定和使用与click事件基本一致，本篇就不一一举例了。使用时注意他们的特点即可。

　　鼠标事件是VisualBasic编程中最常用到的事件，多数控件都支持鼠标操作，因此对鼠标事件进行编程是非常重要的。确定控件如何响应事件的事件过程可以称之为"事件处理器"。