JS常用事件

来源:互联网 发布:电路设计用什么软件 编辑:程序博客网 时间:2024/05/21 17:20

window.onload=function(){

var input=document.getElementsByTagName('input')[0];//获取第一个对象
//input.onclick=function(){};//匿名函数 鼠标单击事件
//input.onclick=box;//赋值外部函数  注意不带括号
//input.ondblclick=function(){alert('dblclick');}//鼠标双击事件
//input.onmousedown=function(){alert('mousedown')};//鼠标按下事件
//input.onmouseup=function(){alert('mouseup')};//鼠标抬起事件
//input.onmouseover=function(){alert('mouseover')};//鼠标悬浮上时的触发事件
//input.onmouseout=function(){alert('mouseout')};//鼠标离开事件
//input.onselect=function(){alert('onselect');};//input中内容被选中事件
//input.onchange=function(){alert('change');};//input中内容改变事件  改变内容后在外点击鼠标会触发
//input.onfocus=function(){alert('focus');};//的到聚焦事件
//input.onblur=function(){alert('blur')};//失去焦点时触发

//onkeydown=function(){alert('keydown');};//键盘按下事件
//onkeypress=function(){alert('keypress');};//按键盘事件
//onkeyup=function(){alert('keyup')};//释放键盘事件


var form=document.getElementsByTagName('form')[0];
//form.onsubmit=function(){alert('form.onsubmit');};//点击提交按钮时触发该事件
form.onreset=function(){alert('form.onreset')};//点击重置按钮时触发该事件

window.onresize=function(){alert('window.onresize');};//当窗口大小变化时触发该事件
window.onscroll=function(){alert('window.onscroll');};//滑动滚动条时触发该事件

};

0 0