浅谈JavaScript事件的属性列表


Posted in Javascript onMarch 01, 2015

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

 

属性 此事件发生在何时...
onabort 图像的加载被中断。
onblur 元素失去焦点。
onchange 域的内容被改变。
onclick 当用户点击某个对象时调用的事件句柄。
ondblclick 当用户双击某个对象时调用的事件句柄。
onerror 在加载文档或图像时发生错误。
onfocus 元素获得焦点。
onkeydown 某个键盘按键被按下。
onkeypress 某个键盘按键被按下并松开。
onkeyup 某个键盘按键被松开。
onload 一张页面或一幅图像完成加载。
onmousedown 鼠标按钮被按下。
onmousemove 鼠标被移动。
onmouseout 鼠标从某元素移开。
onmouseover 鼠标移到某元素之上。
onmouseup 鼠标按键被松开。
onreset 重置按钮被点击。
onresize 窗口或框架被重新调整大小。
onselect 文本被选中。
onsubmit 确认按钮被点击。
onunload 用户退出页面。

鼠标 / 键盘属性

属性 描述
altKey 返回当事件被触发时,"ALT" 是否被按下。
button 返回当事件被触发时,哪个鼠标按钮被点击。
clientX 返回当事件被触发时,鼠标指针的水平坐标。
clientY 返回当事件被触发时,鼠标指针的垂直坐标。
ctrlKey 返回当事件被触发时,"CTRL" 键是否被按下。
metaKey 返回当事件被触发时,"meta" 键是否被按下。
relatedTarget 返回与事件的目标节点相关的节点。
screenX 返回当某个事件被触发时,鼠标指针的水平坐标。
screenY 返回当某个事件被触发时,鼠标指针的垂直坐标。
shiftKey 返回当事件被触发时,"SHIFT" 键是否被按下。

常用HTML元素的事件:

onclick(单击)、
ondblclick(双击)、
onkeydown(按键按下)、
onkeypress(点击按键)、
onkeyup(按键释放)、
onmousedown(鼠标按下)、
onmousemove(鼠标移动)、
onmouseout(鼠标离开元素范围)、
onmouseover(鼠标移动到元素范围)、
onmouseup(鼠标按键释放)、
oncontextmenu(在浏览器中单击鼠标右键显示”右键菜单”时触发)

以上就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
HTML中事件触发列表与解说
Jul 09 Javascript
javascript 获取select下拉列表值的代码
Sep 07 Javascript
菜鸟javascript基础资料整理2
Dec 06 Javascript
有效提高JavaScript执行效率的几点知识
Jan 31 Javascript
JQuery菜单效果的两个实例讲解(3)
Sep 17 Javascript
利用jQuery实现一个简单的表格上下翻页效果
Mar 14 Javascript
JSON数据中存在单个转义字符“\”的处理方法
Jul 11 Javascript
教你如何用node连接redis的示例代码
Jul 12 Javascript
vuejs 动态添加input框的实例讲解
Aug 24 Javascript
webpack+vue+express(hot)热启动调试简单配置方法
Sep 19 Javascript
前端天气插件tpwidget使用方法详解
Jun 24 Javascript
vue - vue.config.js中devServer配置方式
Oct 30 Javascript
浅析javascript中的DOM
Mar 01 #Javascript
javascript中的正则表达式使用指南
Mar 01 #Javascript
JQuery中使文本框获得焦点的方法实例分析
Feb 28 #Javascript
jQuery实现折线图的方法
Feb 28 #Javascript
js中split和replace的用法实例
Feb 28 #Javascript
jQuery实现菜单感应鼠标滑动动画效果的方法
Feb 28 #Javascript
js实现完全自定义可带多级目录的网页鼠标右键菜单方法
Feb 28 #Javascript
You might like
PHP与javascript对多项选择的处理
2006/10/09 PHP
php中突破基于HTTP_REFERER的防盗链措施(stream_context_create)
2011/03/29 PHP
php去除HTML标签实例
2013/11/06 PHP
PHP中HTML标签过滤技巧
2014/01/07 PHP
PHP制作3D扇形统计图以及对图片进行缩放操作实例
2014/10/23 PHP
php数组随机排序实现方法
2015/06/13 PHP
Yii2 加载css、js 载静态资源的方法
2017/03/10 PHP
贴一个在Mozilla中常用的Javascript代码
2007/01/09 Javascript
JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
2010/01/12 Javascript
jqGrid jQuery 表格插件测试代码
2011/08/23 Javascript
Ajax搜索结果页面下方的分页按钮的生成
2012/04/05 Javascript
js实现在文本框光标处添加字符的方法介绍
2012/11/24 Javascript
JavaScript数组的栈方法与队列方法详解
2016/05/26 Javascript
vue自动路由-单页面项目(非build时构建)
2019/04/30 Javascript
浅谈react-router@4.0 使用方法和源码分析
2019/06/04 Javascript
微信小程序学习总结(一)项目创建与目录结构分析
2020/06/04 Javascript
[54:10]完美世界DOTA2联赛PWL S2 Magma vs FTD 第二场 11.29
2020/12/03 DOTA
python 生成不重复的随机数的代码
2011/05/15 Python
Python的dict字典结构操作方法学习笔记
2016/05/07 Python
python使用psutil模块获取系统状态
2016/08/27 Python
Python+Turtle动态绘制一棵树实例分享
2018/01/16 Python
Python 实现两个服务器之间文件的上传方法
2019/02/13 Python
解决pytorch报错:AssertionError: Invalid device id的问题
2020/01/10 Python
python剪切视频与合并视频的实现
2020/03/03 Python
python实现简单的五子棋游戏
2020/09/01 Python
关于python3.9安装wordcloud出错的问题及解决办法
2020/11/02 Python
Maje德国官网:法国女性成衣品牌
2017/02/10 全球购物
建筑结构施工专业推荐信
2014/02/21 职场文书
2014信息公开实施方案
2014/02/22 职场文书
假期安全教育广播稿
2014/10/04 职场文书
2014年科普工作总结
2014/12/06 职场文书
后备干部推荐材料
2014/12/24 职场文书
信用卡工资证明范本
2015/06/19 职场文书
如何把新闻人物写得立体、鲜活?
2019/08/14 职场文书
2019年作为一名实习生的述职报告
2019/09/29 职场文书
SQLServer 日期函数大全(小结)
2021/04/08 SQL Server