您的位置:首页 > Web前端 > JavaScript

Javascript事件

2015-09-15 22:47 549 查看
  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(页面滚动时)等。

  

  

  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: