`

HTML事件属性

阅读更多

 HTML4的新特性之一是可以使HTML事件触发浏览器中的行为。
 
 窗口事件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 当鼠标按钮被松开时执行脚本

分享到:
评论

相关推荐

    HTML_5_事件属性

    HTML 5 事件属性是网页开发中不可或缺的一部分,它们允许开发者通过JavaScript响应用户的各种交互行为。这些事件属性为HTML元素提供了动态性和响应性,使得网页不仅具有静态展示内容的能力,还能根据用户的操作执行...

    event-attr-to-promise:承诺HTML事件属性

    承诺HTML事件属性。 JSPM就绪。 安装 jspm install event-attr-to-promise 用法 import eventToPromise from 'event-attr-to-promise' ; function loadImage ( url ) { let img = new Image ( ) ; img . url = ...

    计算机病毒与防护:HTML语言下.ppt

    此外,HTML事件属性与Window对象方法结合使用可以创建丰富的交互体验。例如,`onclick`事件属性可以与`window.alert()`方法结合,当用户点击元素时弹出提示框。 HTTP的请求响应模型是网络通信的核心概念,当用户在...

    html5事件和标签属性

    事件属性在HTML5中扮演着重要角色,因为它们允许开发者通过JavaScript响应用户交互和页面状态变化,从而实现更丰富的用户体验。以下是对标题和描述中提到的HTML5事件属性和标签属性的详细说明: **事件属性** 1. *...

    HTML控件的属性与事件

    HTML中使用的控件的简介和描述,简述了HTML中事件的使用方法和返回参数

    HTML参考手册

    HTML事件属性用于定义何时触发特定的动作。这些属性包括: - **Window事件**:例如`onload`、`onunload`等,用于处理窗口加载和卸载事件。 - **Form事件**:如`onsubmit`、`onreset`等,用于处理表单提交和重置事件...

    eduTenf HTML4.01 标签参考表

    事件属性允许JavaScript与HTML元素交互,响应用户的操作。常见的事件包括窗口事件(如`load`和`unload`),表单元素事件(如`onclick`和`onchange`),键盘事件(如`keydown`和`keyup`)和鼠标事件(如`mouseover`和...

    第二节 标签属性中的XSS-01

    除了直接在属性值中插入`<script>`,攻击者还可以利用HTML事件属性来触发JavaScript代码。例如,`onclick`, `onmouseover`, `onload`等都是可能的注入点。以下示例展示了如何在`href`属性中利用`javascript:`伪协议...

    HTML标签属性大全

    HTML标签属性大全的知识点涵盖了很多方面,包括网页的基本元素、文本格式、链接、图片和多媒体的插入,以及表格的设计等。下面我将详细解释这些知识点。 首先,跑马灯效果可以通过使用标签来实现。这个标签可以让...

    ExtTag,获取HTML自定义属性

    在现代Web开发中,HTML元素已经不再局限于标准的属性,开发者可以自定义属性来扩展其功能,这在处理复杂交互和数据绑定时尤其有用。"ExtTag"可能是一个专门用于处理HTML自定义属性的工具或框架,它允许我们将HTML...

    HTML5属性,事件,标签

    本文将详细介绍HTML5中的属性、事件和标签,并探讨它们在实际开发中的应用。 首先,HTML5引入了许多新的属性,这些属性使得元素功能更加强大和灵活。例如,`autofocus`属性可以自动将焦点设置在特定输入元素上,`...

    HTML 4.01 & XHTML 1.0 参考手册

    HTML事件属性允许开发者为元素添加交互行为,例如`onclick`、`onmouseover`和`onmouseout`。当用户执行特定操作时,这些事件触发JavaScript函数,实现动态效果和用户反馈。 HTML latin-1字符实体是HTML中预定义的一...

    HTML 使用手册 网页控件 对象 属性 方法 事件 集合 chm文件

    HTML 使用手册 网页控件 对象 属性 方法 事件 集合

    事件绑定和自定义属性

    在HTML5中,事件可以直接在元素上通过`on[eventname]`属性设置,如`onclick`。 事件处理通常分为两种模式:冒泡和捕获。冒泡模式是从最具体的元素(子元素)开始,逐级向上级元素传播事件;而捕获模式则相反,从最...

    option属性的js事件浏览器差异

    `option`属性和与之相关的JS事件在不同浏览器之间可能存在差异,这些差异主要体现在事件处理、行为表现和兼容性上。了解并处理这些差异对于确保网页在各种浏览器上的正常运行至关重要。 1. **事件绑定差异** 在...

    HTML参考文档

    ### HTML参考文档知识点详解 #### 一、HTML 字符实体 ...以上是根据给定文件中提到的内容整理出来的关键知识点,涵盖了 HTML 字符实体、HTML4.01/XHTML1.0 标签及其属性、HTML 事件属性以及 HTML 颜色名等方面。

    html,javascript元素属性文档

    每个HTML元素都有特定的属性,这些属性用于设定元素的行为、样式或内容。例如,`<img>`元素的`src`属性用于指定图像的URL,`alt`属性提供了当图片无法显示时的文字描述。在编写HTML时,我们需要了解各个元素及其属性...

    Asp.Net为用户控件添加属性和事件

    前端文件用于定义控件的HTML结构和内嵌的Web控件,而后端文件则包含了逻辑处理和事件处理程序。在给出的例子中,创建了一个简单的登录用户控件,包括用户名、密码文本框和登录、注销按钮。 添加自定义属性,我们...

    利用事件冒泡(Event Bubbling )获取鼠标下的元素属性

    在给定的`eventBubbling.html`文件中,可能包含了一个演示如何利用事件冒泡获取鼠标下元素属性的实例。通常,这个文件会包含HTML结构、CSS样式以及JavaScript脚本。JavaScript部分可能涉及了`addEventListener`或`...

    html5标签属性及使用方法教程

    全局属性如id、class、style、title和accesskey等可以被任何HTML元素使用,而事件属性如onclick、onmouseover、onload、onsubmit等允许元素在发生特定事件时执行JavaScript代码。 在进行网页开发时,我们应当关注...

Global site tag (gtag.js) - Google Analytics