Js中的4个事件
2016-04-12 10:14
381 查看
除了加载文档的事件onload和鼠标相关的一些事件如onclick,onmouseover等。js还有一些相对不常用的事件,这些事件也有各自的应用场景,本文就介绍 onkeydown,oncontextmenu,onhashchang,onreadychange。可以发现,js中的事件没有采用驼峰表示法,字母组合全部小写。
1.onkeydown事件
外部输入设备鼠标有很多对应事件,键盘也有对应的事件,这就是onkeydown。例子:事件对象的keyCode属性可以弹出按下键盘上字母的编码。
2. oncontextmenu事件
这个事件其实也是鼠标事件,比较特殊。当我们点击网页的右键,不同的浏览器会弹出自己的右键菜单,有 刷新(refresh)、查看网页源代码等选项。这就是oncontextmenu事件不加修改的话事件是浏览器的默认行为。列子:禁用浏览器的右键菜单,让事件函数返回false即可:
其实,上面的onkeydown也属于浏览器的默认事件,在<input>标签里,键盘按键会输入。我们还可让<input>只能输入数字,禁止其他字符。
3.onhashchang事件
关于hash属性的介绍资料已经很多了,这篇讲的很好http://www.ruanyifeng.com/blog/2011/03/url_hash.html,。这里介绍跟hash相关的事件- onhashchang,注意,当hash发生改变时,触发这个事件。
这是H5新增的事件。
4.onreadychange事件
ajax过程中事件,XMLHttpRequest的 readyState发生改变,会触发这个事件。
1.onkeydown事件
外部输入设备鼠标有很多对应事件,键盘也有对应的事件,这就是onkeydown。例子:事件对象的keyCode属性可以弹出按下键盘上字母的编码。
<script> document.onkeydown = function(ev){ var oevent = ev||event; alert(oevent.keyCode); } </script>
2. oncontextmenu事件
这个事件其实也是鼠标事件,比较特殊。当我们点击网页的右键,不同的浏览器会弹出自己的右键菜单,有 刷新(refresh)、查看网页源代码等选项。这就是oncontextmenu事件不加修改的话事件是浏览器的默认行为。列子:禁用浏览器的右键菜单,让事件函数返回false即可:
<script> document.oncontextmenu=function(){ return false; } </script>
其实,上面的onkeydown也属于浏览器的默认事件,在<input>标签里,键盘按键会输入。我们还可让<input>只能输入数字,禁止其他字符。
3.onhashchang事件
关于hash属性的介绍资料已经很多了,这篇讲的很好http://www.ruanyifeng.com/blog/2011/03/url_hash.html,。这里介绍跟hash相关的事件- onhashchang,注意,当hash发生改变时,触发这个事件。
这是H5新增的事件。
4.onreadychange事件
ajax过程中事件,XMLHttpRequest的 readyState发生改变,会触发这个事件。
相关文章推荐
- JavaScript
- JSONP - 跨域AJAX
- jsonkit
- js定时器
- QQ空间相册点赞自动JS
- JSONP跨域的原理解析及其实现介绍
- javascript——js string 转 int 注意的问题——parseInt
- JavaScript语言精粹之数组篇
- js实现页面定时跳转
- ExtJS专题-FormPanel(1) .
- LoganSquare的简单使用——快到爆炸地解析和序列化JSON
- js 数值 精确运算
- js颜色选择器 制作分析
- JSP和HTML和JS - 双引号嵌套问题解决方案(不断完善中)
- FullPage.js 活动单页 - 全屏滚动插件
- 接收json格式错误,开头出现多余问号
- json字符串转成 Map/List
- javascript for in 循环
- 文本框失去焦点后js判断输入是否为数字
- JS 去除数组中重复的元素