HTML 事件属性(如:onsubmit)

学习啥都需要一个基础

基础很重要:

HTML 4 的新特性之一是可以使 HTML 事件触发浏览器中的行为,比方说当用户点击某个 HTML 元素时启动一段 JavaScript。

在现代浏览器中都内置有大量的事件处理器。这些处理器会监视特定的条件或用户行为,例如鼠标单击或浏览器窗口中完成加载某个图像。通过使用客户端的 JavaScript,可以将某些特定的事件处理器作为属性添加给特定的标签,并可以在事件发生时执行一个或多个 JavaScript 命令或函数。

事件处理器的值是一个或一系列以分号隔开的 Javascript 表达式、方法和函数调用,并用引号引起来。当事件发生时,浏览器会执行这些代码。例如,当您把鼠标移动到一个超链接时,会启动一个 JavaScript 函数。支持 JavaScript 的浏览器支持 <a> 标签中的一个特殊的 "mouse over"事件处理器 - 被称为 onmouseover 来完成这项工作:

<a href="/index.html" onmouseover="alert(‘Welcome‘);return false"></a>

如需学习更多有关事件编程方面的知识,请访问 W3School 提供的 JavaScript 教程DHTML 教程

下面的表格提供了标准的事件属性,可以把它们插入 HTML/XHTML 元素中,以定义事件行为。

窗口事件 (Window Events)

仅在 body 和 frameset 元素中有效。

属性 描述
onload 脚本 当文档被载入时执行脚本
onunload 脚本 当文档被卸下时执行脚本

表单元素事件 (Form Element Events)

仅在表单元素中有效。

属性 描述
onchange 脚本 当元素改变时执行脚本
onsubmit 脚本 当表单被提交时执行脚本
onreset 脚本 当表单被重置时执行脚本
onselect 脚本 当元素被选取时执行脚本
onblur 脚本 当元素失去焦点时执行脚本
onfocus 脚本 当元素获得焦点时执行脚本

图像事件 (Image Events)

该属性可用于 img 元素:

属性 描述
onabort 脚本 当图像加载中断时执行脚本

键盘事件 (Keyboard Events)

在下列元素中无效:base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style 以及 title 元素。

属性 描述
onkeydown 脚本 当键盘被按下时执行脚本
onkeypress 脚本 当键盘被按下后又松开时执行脚本
onkeyup 脚本 当键盘被松开时执行脚本

鼠标事件 (Mouse Events)

在下列元素中无效:base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style 以及 title 元素。

属性 描述
onclick 脚本 当鼠标被单击时执行脚本
ondblclick 脚本 当鼠标被双击时执行脚本
onmousedown 脚本 当鼠标按钮被按下时执行脚本
onmousemove 脚本 当鼠标指针移动时执行脚本
onmouseout 脚本 当鼠标指针移出某元素时执行脚本
onmouseover 脚本 当鼠标指针悬停于某元素之上时执行脚本
onmouseup 脚本 当鼠标按钮被松开时执行脚本
时间: 2024-10-27 05:05:27

HTML 事件属性(如:onsubmit)的相关文章

HTML的事件属性

全局事件属性 HTML 4 增加了使事件在浏览器中触发动作的能力,比如当用户点击元素时启动 JavaScript.当在HTML5中有了更多新属性,但是对HTML4的兼容性却没有达到全部. 下面列出了添加到 HTML 元素以定义事件动作的全局事件属性. Window 事件属性 针对 window 对象触发的事件(应用到 <body> 标签): 属性 值 描述 onafterprint script 文档打印之后运行的脚本. onbeforeprint script 文档打印之前运行的脚本. on

HTML 事件属性

HTML 事件属性 事件:当用户点击某个 HTML 元素时启动一段 JavaScript New标记为HTML5新增属性事件. 窗口事件属性(Window Event Attributes) 由窗口触发该事件 (适用于 <body> 标签): 属性 值 描述 onafterprintNew script 在打印文档之后运行脚本 onbeforeprintNew script 在文档打印之前运行脚本 onbeforeonloadNew script 在文档加载之前运行脚本 onblur scri

HTML 5 全局属性和事件属性

1.HTML 5 全局属性 HTML 属性能够赋予元素含义和语境. 下面的全局属性可用于任何 HTML5 元素. NEW:HTML 5 中新的全局属性. 属性 描述 accesskey 规定访问元素的键盘快捷键 class 规定元素的类名(用于规定样式表中的类). contenteditable 规定是否允许用户编辑内容. contextmenu 规定元素的上下文菜单. dir 规定元素中内容的文本方向. draggable 规定是否允许用户拖动元素. dropzone 规定当被拖动的项目/数据

转:HTML 5 控件事件属性

Window 事件属性 window 对象触发的事件. 适用于 <body> 标签: 属性 值 描述 onafterprint script 在打印文档之后运行脚本 onbeforeprint script 在文档打印之前运行脚本 onbeforeonload script 在文档加载之前运行脚本 onblur script 当窗口失去焦点时运行脚本 onerror script 当错误发生时运行脚本 onfocus script 当窗口获得焦点时运行脚本 onhaschange script

HTML——事件属性

Window 事件属性 针对 window 对象触发的事件(应用到 <body> 标签): 属性 值 描述 onafterprint script 文档打印之后运行的脚本. onbeforeprint script 文档打印之前运行的脚本. onbeforeunload script 文档卸载之前运行的脚本. onerror script 在错误发生时运行的脚本. onhaschange script 当文档已改变时运行的脚本. onload script 页面结束加载之后触发. onmess

HTML事件属性

HTML事件属性 窗口事件属性(Window Event Attributes) 由窗口触发该事件 (适用于 <body> 标签): 属性 值 描述 onafterprint(New) script 在打印文档之后运行脚本 onbeforeprint(New) script 在文档打印之前运行脚本 onbeforeonload(New) script 在文档加载之前运行脚本 onblur script 当窗口失去焦点时运行脚本 onerror(New) script 当错误发生时运行脚本 on

HTML 全局属性 全局事件属性

HTML属性赋予元素意义和语境. 下面的全局属性可用于任何HTML元素. HTML全局属性 属性 -- 描述 accesskey: 规定激活元素的快捷键. class: 规定元素的一个或多个类名(引用样式表中的类). dir: 规定元素中内容的文本方向. id: 规定元素的唯一id. lang: 规定元素内容的语言. style: 规定元素的行内css样式. tabindex: 规定元素的tab键次序. title: 规定有关元素的额外信息. ==========================

HTML 事件属性_03

全局事件属性 HTML 4 的新特性之一是可以使 HTML 事件触发浏览器中的行为,比方说当用户点击某个 HTML 元素时启动一段 JavaScript. 如果你想学习更多关于事件属性,请访问 JavaScript 教程 下面的表格提供了标准的事件属性,可以把它们插入 HTML/XHTML 元素中,以定义事件行为. New : HTML5新增属性事件. 窗口事件属性(Window Event Attributes) 由窗口触发该事件 (适用于 <body> 标签): 属性 值 描述 onaft

Web开发——HTML基础(HTML事件属性)

1.全局事件属性 HTML 4 增加了使事件在浏览器中触发动作的能力,比如当用户点击元素时启动 JavaScript. 如需学习更多有关事件编程的知识,请访问我们的 JavaScript 教程. 下面列出了添加到 HTML 元素以定义事件动作的全局事件属性. ?= HTML5 中新的事件属性. 2.Window 事件属性 针对 window 对象触发的事件(应用到 <body> 标签): 属性 值 描述 onafterprint script 文档打印之后运行的脚本. onbeforeprin