html事件属性的基本知识详细介绍

巴扎黑
发布: 2017-06-16 17:34:54
原创
1686人浏览过

事件属性介绍:

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    脚本    当元素获得焦点时执行脚本    

PHP高级开发技巧与范例
PHP高级开发技巧与范例

PHP是一种功能强大的网络程序设计语言,而且易学易用,移植性和可扩展性也都非常优秀,本书将为读者详细介绍PHP编程。 全书分为预备篇、开始篇和加速篇三大部分,共9章。预备篇主要介绍一些学习PHP语言的预备知识以及PHP运行平台的架设;开始篇则较为详细地向读者介绍PKP语言的基本语法和常用函数,以及用PHP如何对MySQL数据库进行操作;加速篇则通过对典型实例的介绍来使读者全面掌握PHP。 本书

PHP高级开发技巧与范例 472
查看详情 PHP高级开发技巧与范例

图像事件 (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事件属性的基本知识详细介绍的详细内容,更多请关注php中文网其它相关文章!

相关标签:
HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号