JavaScript常用事件

来源:互联网 发布:未来软件园 mac 迅雷 编辑:程序博客网 时间:2024/06/06 19:26
window.onload = function () {    var input = document.getElementsByTagName('input')[0];    var form = document.getElementsByTagName('form')[0];    form.onreset= function(){        alert('lee')    };};:1:鼠标事件:单击:input.onclick = function(){ alert('lee'); };双击:input.ondblclick = function(){ alert('lee'); }; 用户按下鼠标还未弹起时触发: input.onmousedown = function(){ alert('lee'); }; 用户按下鼠标松开后时触发: input.onmouseup = function(){ alert('lee'); }; 鼠标移动到元素时触发: input.onmouseover = function(){ alert('lee'); };  当鼠标移出某元素时触发: input.onmouseout = function(){ alert('lee'); };当鼠标在元素上移动时触发: input.onmousemove = function(){ alert('lee'); };2:键盘事件 当用户按下键盘上的任意键时触发,如果按住不放会重复触发: onkeydown = function () { alert('lee'); }; 当用户按下键盘上的字符键时触发: onkeypress = function () { alert('lee'); }; 当用户按下键盘上的任意键松开时触发: onkeyup = function () { alert('lee'); }; html事件: html页面加载完后执行: window.onload = function(){ }; 当整个页面卸载的时候执行: window.unonload = function(){ }; 当选择文档中的一个或多个字,松开时触发: input.onselect = function(){ alert('lee') }; 当光标失去焦点时触发: input.onchange = function(){ alert('lee') }; 当页面或元素获得焦点时在window及相关元素上触发: input.onfocus = function(){ alert('lee') }; 当页面或元素失去焦点时在window及相关元素上触发: input.onblur= function(){ alert('lee') };  3:form上触发: 提交按钮: var form = document.getElementsByTagName('form')[0]; form.onsubmit= function(){ alert('lee') }; 重置按钮: var form = document.getElementsByTagName('form')[0]; form.onreset= function(){ alert('lee') }; 当窗口或框架大小发生变化时在window或框架上触发: window.onresize = function(){ alert('lee'); }; 当用户滚动带滚动条的元素时触发: window.onscroll = function(){ alert('lee'); };: