专栏首页Java探索之路JavaScript中的Event(事件)详解

JavaScript中的Event(事件)详解

Event 对象

Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 事件通常与函数结合使用,函数不会在事件发生前被执行!

事件句柄 (Event Handlers)

HTML 4.0 的新特性之一是能够使 HTML 事件触发浏览器中的行为,比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一些常用属性,可将之插入 HTML 标签以定义事件的行为。

1、单击事件

2、双击事件

3、鼠标事件

onmouseover:鼠标放上事件 onmouseout:鼠标离开事件 onmousemove:鼠标移动事件

4、键盘事件

onkeydown:键盘按下事件 onkeyup:键盘弹起事件

5、焦点事件

onfocus:获得焦点事件 onblur:失去焦点事件 onchange:失去焦点时内容改变事件

6、页面加载事件

onload:页面加载完成时实现的页面。

注:调用多个函数时,只需要用分号隔开即可。如下图:同时触发两种事件

相关事件所对应的函数代码:

附:事件名称表

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 工作记录二: 记录一次简单的SQL优化过程

    对应的controller方法如下,可以看到该方法将request的storeId设置为空, 下面又调用listCateByStoreId()方法, 我们可以通...

    时间静止不是简史
  • Oracle子查询详解

    时间静止不是简史
  • Linux下安装JDK1.8、Tomcat、以及MySQL详细介绍(附软件分享)

    1、通过相关软件或拖拽的形式将安装包放入Linux目录中 2、解压jdk 1.8.0_11并将jdk复制到 /usr/local目录下

    时间静止不是简史
  • 13事件

    IE8中提供的事件监听器为:element.attachEvent(eventName,functionName)

    Dreamy.TZK
  • C#系列学习笔记之事件

    需要使用winform来实现传入图片的base64值,调用接口,返回结果这样的一个功能。大致的设置如下图:

    算法发
  • 微服务架构下的数据一致性保证(二)

    大家好,今天是第二次在这里给大家分享数据一致性的话题,在第一篇分享中我们介绍了微服务架构下应该满足数据最终一致性原则,并介绍实现最终一致性3种模式。 本文是...

    yuanyi928
  • js高程之事件通识篇(一)

    在早期的浏览器厂商都认为页面中的元素事件都不仅仅是当前元素上,而是相关的其他元素甚至整个页面都应该相关的机制。但有意思的是,早期的两个开发团队分别是ie和Net...

    RobinsonZhang
  • 从gem5到ASIP,如何打造一款自己的交换芯片模拟器?

    长期以来,在设计芯片时经常遇到这样的困惑,采用传统流程设计某种类型的芯片时周期很长,某些模块的特点至少等到进行FPGA验证阶段才能分析其性能,如果不合适,还需要...

    网络交换FPGA
  • javascript事件流的原理

    事件是用户或浏览器自身执行的某种动作,如click,load和mouseover都是事件的名字。

    前端老鸟
  • 事件机制

    DOM事件模型分为捕获和冒泡。一个事件发生后,会在子元素和父元素之间传播(propagation)。事件传播分为三个阶段:

    Cloud-Cloudys

扫码关注云+社区

领取腾讯云代金券