浅谈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 相关文章推荐
jQuery Validation实例代码 让验证变得如此容易
Oct 18 Javascript
javascript改变position值实现菜单滚动至顶部后固定
Jan 18 Javascript
Jquery创建一个层当鼠标移动到层上面不消失效果
Dec 12 Javascript
node.js中使用node-schedule实现定时任务实例
Jun 03 Javascript
Jquery 效果使用详解
Nov 23 Javascript
用js控件div的滚动条,让它在内容更新时自动滚到底部的实现方法
Oct 27 Javascript
完美实现js选项卡切换效果(一)
Mar 08 Javascript
JavaScript数据类型的存储方法详解
Aug 25 Javascript
Angular4自制一个市县二级联动组件示例
Nov 21 Javascript
简单说说如何使用vue-router插件的方法
Apr 08 Javascript
js贪心算法 钱币找零问题代码实例
Sep 11 Javascript
jQuery 判断元素是否存在然后按需加载内容的实现代码
Jan 16 jQuery
浅析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
linux php mysql数据库备份实现代码
2009/03/10 PHP
ThinkPHP CURD方法之data方法详解
2014/06/18 PHP
php提示Warning:mysql_fetch_array() expects的解决方法
2014/12/16 PHP
php 解决扫描二维码下载跳转问题
2017/01/13 PHP
Laravel定时任务的每秒执行代码
2019/10/22 PHP
jQuery Animation实现CSS3动画示例介绍
2013/08/14 Javascript
json字符串之间的相互转换示例代码
2014/08/21 Javascript
在JavaScript中使用NaN值的方法
2015/06/05 Javascript
jquery append与appendTo方法比较
2017/05/24 jQuery
详解vue-router2.0动态路由获取参数
2017/06/14 Javascript
js实现带进度条提示的多视频上传功能
2020/12/13 Javascript
浅谈vue2 单页面如何设置网页title
2017/11/08 Javascript
vue template中slot-scope/scope的使用方法
2018/09/06 Javascript
Vue filter格式化时间戳时间成标准日期格式的方法
2018/09/16 Javascript
微信小程序实现留言板
2018/10/31 Javascript
谈谈我在vue-cli3中用预渲染遇到的坑
2020/04/22 Javascript
Vue的v-model的几种修饰符.lazy,.number和.trim的用法说明
2020/08/05 Javascript
[00:10]DOTA2 TI9勇士令状明日上线
2019/05/07 DOTA
Python生成不重复随机值的方法
2015/05/11 Python
Python中easy_install 和 pip 的安装及使用
2017/06/05 Python
python使用opencv按一定间隔截取视频帧
2018/03/06 Python
django2用iframe标签完成网页内嵌播放b站视频功能
2018/06/20 Python
Python-ElasticSearch搜索查询的讲解
2019/02/25 Python
Python中调用其他程序的方式详解
2019/08/06 Python
Python生成验证码、计算具体日期是一年中的第几天实例代码详解
2019/10/16 Python
pytorch中tensor张量数据类型的转化方式
2019/12/31 Python
解决TensorFlow调用Keras库函数存在的问题
2020/07/06 Python
Python wordcloud库安装方法总结
2020/12/31 Python
CSS3+HTML5+JS 实现一个块的收缩与展开动画效果
2020/11/17 HTML / CSS
Android本地应用打开方法——通过html5写连接
2016/03/11 HTML / CSS
Pat McGrath Labs官网:世界上最有影响力的化妆师推出的彩妆品牌
2018/01/07 全球购物
应征英语教师求职信
2013/11/27 职场文书
中华美德颂演讲稿
2014/05/20 职场文书
保险专业求职信
2014/07/07 职场文书
代领学位证书毕业证书委托书
2014/09/30 职场文书
2014年商场工作总结
2014/11/22 职场文书