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(页面滚动时)等。

  

  

  

原文地址:https://www.cnblogs.com/tangzhirong/p/4811755.html