JS事件模型与事件类型-优快云博客

　　Javascript包含三种模型：内联模型、脚本模型和DOM2模型。

1.内联模型（现在基本不用了）

　　即事件响应处理函数作为一个标签属性来执行，典型的就是onclick()函数；

<input type='button' value='按钮' οnclick="alert('点击了！')" />

2.脚本模型

　　为了解决html与javascript的分离。

window.οnlοad=function(){
    var input=document.getElementByTagName('input')[0];
    input.οnclick=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（页面滚动时）等。

转载于:https://www.cnblogs.com/tangzhirong/p/4811755.html

Javascript事件