浅谈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 相关文章推荐
javascript获取当前ip的代码
May 10 Javascript
ASP.NET jQuery 实例13 原创jQuery文本框字符限制插件-TextArea Counter
Feb 03 Javascript
JS实现很酷的水波文字特效实例
Feb 26 Javascript
浅谈JavaScript字符串与数组
Jun 03 Javascript
JS中生成随机数的用法及相关函数
Jan 09 Javascript
分享一个原生的JavaScript拖动方法
Sep 25 Javascript
原生js图片轮播效果实现代码
Oct 19 Javascript
js获取地址栏中传递的参数(两种方法)
Feb 08 Javascript
ionic环境配置及问题详解
Jun 27 Javascript
Vue在页面数据渲染完成之后的调用方法
Sep 11 Javascript
优雅地使用loading(推荐)
Apr 20 Javascript
详解element-ui设置下拉选择切换必填和非必填
Jun 17 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
example1.php
2006/10/09 PHP
php xml-rpc远程调用
2008/12/19 PHP
php准确获取文件MIME类型的方法
2015/06/17 PHP
微信支付的开发流程详解
2016/09/13 PHP
关于Yii2框架跑脚本时内存泄漏问题的分析与解决
2019/12/01 PHP
jquery foreach使用示例
2013/09/12 Javascript
jquery根据属性和index来查找属性值并操作
2014/07/25 Javascript
基于javascript数组实现图片轮播
2016/05/02 Javascript
jQuery UI Bootstrap是什么?
2016/06/17 Javascript
详解BootStrap中Affix控件的使用及保持布局的美观的方法
2016/07/08 Javascript
jQuery File Upload文件上传插件使用详解
2016/12/06 Javascript
bootstrap选项卡扩展功能详解
2017/06/14 Javascript
文本溢出插件jquery.dotdotdot.js使用方法详解
2017/06/22 jQuery
Vue中的混入的使用(vue mixins)
2018/06/01 Javascript
angular4笔记系列之内置指令小结
2018/11/09 Javascript
详解Vue源码学习之双向绑定
2019/04/10 Javascript
vue中使用echarts的示例
2021/01/03 Vue.js
python实现人人网登录示例分享
2014/01/19 Python
python机器学习之决策树分类详解
2017/12/20 Python
python中字符串的操作方法大全
2018/06/03 Python
python实现批量修改图片格式和尺寸
2018/06/07 Python
使用Python实现毫秒级抢单功能
2019/06/06 Python
python绘制多个子图的实例
2019/07/07 Python
10分钟教你用python动画演示深度优先算法搜寻逃出迷宫的路径
2019/08/12 Python
Python调用scp向服务器上传文件示例
2019/12/22 Python
Python如何在DataFrame增加数值
2020/02/14 Python
python设置代理和添加镜像源的方法
2020/02/14 Python
canvas离屏技术与放大镜实现代码示例
2018/08/31 HTML / CSS
联想西班牙官网:Lenovo西班牙
2018/08/28 全球购物
安全大检查实施方案
2014/02/22 职场文书
幼儿园家长寄语
2014/04/02 职场文书
网络营销策划方案
2014/06/04 职场文书
公司人事专员岗位职责
2014/08/11 职场文书
基层领导干部“四风”问题批评与自我批评
2014/09/23 职场文书
公司地址变更通知
2015/04/25 职场文书
高一化学教学反思
2016/02/22 职场文书