JavaScript常见事件简介

JavaScript事件(常见)

网页中的每个元素都可以生成某些可以触发JavaScript函数的事件。例如，我们可以生成一个onClick事件，在用户单击按钮时触发一个函数。事件在HTML页面中定义。

事件示例：

单击页面或图像以加载鼠标，并将鼠标悬停在页面上的热点上。选择表单中的输入框，确认表单的键盘按键。注意：事件通常与函数结合使用，函数只有在事件发生时才会执行。

事件的三个要素

事件源、事件、事件驱动程序。

三句话：获取事件源，绑定事件，编写事件驱动。

1.获取事件源：document . getelementbyid(" box ")；2.绑定事件：box . onclick=function(){ program }；3.编写事件驱动程序：将来要学习的DOM操作

在线绑定事件：

Onload事件用于body标签控制整个页面(主要用于页面一加载就触发)

A.窗口事件仅在正文和框架集元素中有效

加载页面或图片加载完成。一个未加载的用户离开页面。表单元素事件只在表单元素中有效

Onsubmit在onchange box内容更改时单击提交按钮，onreset再次单击鼠标按钮，onselect文本被选中，on bulr元素失去焦点，以及c .元素获得焦点时键盘事件在base，bdo，br，frame，frameset，head，html，iframe，meta，param，script，style和title元素中无效

D.在基本、bdo、br、框架、框架集、head、html、iframe、meta、param、脚本、样式、标题元素中无效

当鼠标单击一个对象时Ondblclick一个对象，当鼠标被按下时onmousedown，当鼠标离开元素时onmouseout，当鼠标经过元素时onmousemove，onmouseup释放鼠标按钮，例如。

Onresize当窗口或框架调整大小时，onabort图片下载被中断，onerror当加载文档或图片时出现错误时，自定义对象：有两种方法：初始化对象和定义构造函数的对象

答：初始化对象

例如：对象={属性1:值1；属性2:值2；属性n:值n}请注意，每个属性/值对都用分号分隔；

b:定义构造函数的对象

例如：

函数函数名(属性1，属性2，属性N){this。属性1=属性值1；这个。属性2=属性值2；属性n=属性值n；这个。方法名1=函数名1；这个。方法名2=函数名2；}注意：方法名和函数名可以同名，但是函数必须在方法调用函数之前定义，否则会出现错误。就像为用户定义的函数创建新实例一样，使用新语句。

onfocus/on bulr focus失焦事件表单检查更合适0 click/on blclick鼠标点击或双击事件Onkeydown/onkeypress搜索引擎使用更多(按下或按住键盘上的一个键)Onload页面加载事件(整页js、css等)。)，所有其他操作(匿名模式)都可以放入这个绑定函数。onmouseover/Onmouseout/Onmousemove购物网站商品详细信息Onsubmit表单提交事件有一个返回值来控制表单是否提交。onsubmit=' return function name()' Onreset按钮被单击Onchange在用户更改内容时使用此事件(辅助链接)oninput在表单值更改时触发事件(h5新样式)当输入或textarea元素的值更改时触发此事件。

提示：此事件类似于onchange事件。不同的是，oninput事件在元素值改变时立即触发，onchange在元素失去焦点时触发。另一个区别是onchange事件也可以作用于keygen和select元素。

如果有任何不足，请给我你的建议！希望给大家带来帮助！

摘要

以上就是本文的全部内容。希望本文的内容对大家的学习或工作有一定的参考价值。谢谢你的支持。如果你想了解更多，请查看下面的相关链接