Javascript事件
Javascript包含三种模型:内联模型、脚本模型和DOM2模型。
1.内联模型(现在基本不用了)
即事件响应处理函数作为一个标签属性来执行,典型的就是onclick()函数;
<input type='button' value='按钮' onclick="alert('点击了!')" />
2.脚本模型
为了解决html与javascript的分离。
window.onload=function(){ var input=document.getElementByTagName('input')[0]; input.onclick=function(){ alert("点击了!"); } }
PS:也可以将onclick函数写在外面。DOM2模型以后再提。
JS事件类型包括:鼠标事件、键盘事件和HTML事件。
常用的时间处理函数可以自行查阅,包括:
(1)鼠标事件:onclick、ondblclick(双击)、onmousedown、onmouseup、onmouseover、onmouseout、onmousemove。
(2)键盘事件:onkeydown、onkeypress(按下字符键)、onkeyup。
(3)HTML事件:onfocus(元素获得焦点时)、onload(页面加载完时)、onunload(页面卸载时)、onselect(选定完成时)、onchange(修改完毕时)、onsubmit、onresize(窗口变换时)、onscroll(页面滚动时)等。