下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:DOM之事件

作者:任风来去匆匆     来源: https://www.cnblogs.com/ruhaoren/p/11394305.html点击数:759发布时间: 2020-03-02 11:47:41

标签: VisualBasicJavascript事件

Web开发

  事件是指对象对于外部动作的响应,当对象发生了某个事件,就会执行与此对象的这个事件相应的代码,这段代码被称为"事件过程"。事件过程的命名格式为: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编程中最常用到的事件,多数控件都支持鼠标操作,因此对鼠标事件进行编程是非常重要的。确定控件如何响应事件的事件过程可以称之为"事件处理器"。

赞(9)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程