Js中的4个事件

 

         除了加载文档的事件onload和鼠标相关的一些事件如onclick,onmouseover等。js还有一些相对不常用的事件，这些事件也有各自的应用场景，本文就介绍 onkeydown,oncontextmenu,onhashchang，onreadychange。可以发现，js中的事件没有采用驼峰表示法，字母组合全部小写。

      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发生改变，会触发这个事件。