浅谈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 相关文章推荐
XML+XSL 与 HTML 两种方案的结合
Apr 22 Javascript
JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)
Dec 14 Javascript
JS控制按钮10秒钟后可用的方法
Dec 22 Javascript
jQuery中通过ajax的get()函数读取页面的方法
Feb 29 Javascript
JS弹出新窗口被拦截的解决方法
Aug 09 Javascript
深入理解(function(){... })();
Aug 16 Javascript
JS实现选定指定HTML元素对象中指定文本内容功能示例
Feb 13 Javascript
Vue2.0学习之详解Vue 组件及父子组件通信
Dec 12 Javascript
JavaScript 截取字符串代码实例
Sep 05 Javascript
Vue 实现一个命令式弹窗组件功能
Sep 25 Javascript
bootstrap实现tab选项卡切换
Aug 09 Javascript
解决vue2中使用elementUi打包报错的问题
Sep 22 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
锁定年轻人的双倍活力 星巴克推出星倍醇即饮浓咖啡
2021/03/03 咖啡文化
php循环语句 for()与foreach()用法区别介绍
2012/09/05 PHP
2个自定义的PHP in_array 函数,解决大量数据判断in_array的效率问题
2014/04/08 PHP
php中的观察者模式简单实例
2015/01/20 PHP
如何使用jQuery+PHP+MySQL来实现一个在线测试项目
2015/04/26 PHP
/etc/php-fpm.d/www.conf 配置注意事项
2017/02/04 PHP
laravel框架中控制器的创建和使用方法分析
2019/11/23 PHP
Javascript remove 自定义数组删除方法
2009/10/20 Javascript
javascript offsetX与layerX区别
2010/03/12 Javascript
jQuery右键菜单contextMenu使用实例
2011/09/28 Javascript
如何使用Jquery获取Form表单中被选中的radio值
2013/08/09 Javascript
js判断undefined类型,undefined,null, 的区别详细解析
2013/12/16 Javascript
一个简单的实现下拉框多选的插件可移植性比较好
2014/05/05 Javascript
nodejs的10个性能优化技巧
2014/07/15 NodeJs
jQuery通过Ajax返回JSON数据
2015/04/28 Javascript
js实现文字垂直滚动和鼠标悬停效果
2015/12/31 Javascript
BootStrap中的table实现数据填充与分页应用小结
2016/05/26 Javascript
vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理
2017/03/06 Javascript
jQuery滚动监听实现商城楼梯式导航效果
2017/03/06 Javascript
代码详解javascript模块加载器
2018/03/04 Javascript
javascript使用Blob对象实现的下载文件操作示例
2020/04/18 Javascript
Python实现线程池代码分享
2015/06/21 Python
Python 的描述符 descriptor详解
2016/02/27 Python
Python编程之字符串模板(Template)用法实例分析
2017/07/22 Python
python+mysql实现教务管理系统
2019/02/20 Python
Python中的相关分析correlation analysis的实现
2019/08/29 Python
pytorch查看torch.Tensor和model是否在CUDA上的实例
2020/01/03 Python
Python环境管理virtualenv&virtualenvwrapper的配置详解
2020/07/01 Python
python邮件中附加文字、html、图片、附件实现方法
2021/01/04 Python
用CSS3的box-reflect设置文字倒影效果的方法讲解
2016/03/07 HTML / CSS
英国女性时尚品牌:Apricot
2018/12/04 全球购物
会议接待欢迎词
2014/01/12 职场文书
八项规定对照检查材料
2014/08/31 职场文书
优秀教研组申报材料
2014/12/26 职场文书
施工安全责任协议书
2016/03/23 职场文书
Redis中有序集合的内部实现方式的详细介绍
2022/03/16 Redis