JavaScript事件

JavaScript 事件是由访问 Web 页面的用户引起的一系列操作，例如：用户点击。当用

户执行某些操作的时候，再去执行一系列代码。

JavaScript有3种事件模型：内联模型、脚本模型、DOM2模型。

一、内联模型

//在 HTML 中把事件处理函数作为属性执行 JS 代码
<input type="button" value="按钮" οnclick="alert('Lee');" /> //注意单双引号
//在 HTML 中把事件处理函数作为属性执行 JS 函数
<input type="button" value="按钮" οnclick="box();" />  //执行JS的函数，函数不得放到 window.onload 里面，这样就看不见了。

二、脚本模型

内联模型违反了 HTML 与 JavaScript 代码层次分离的原则。为了解决这个问题，我们

可以在 JavaScript 中处理事件。这种处理方式就是脚本模型。

<input type="button" value="按钮1";/>

window.οnlοad=function(){
	var input = document.getElementsByTagName('input')[0]; //得到 input 对象
	input.onclick = function () { //匿名函数执行
	alert('Lee');
	};
	
}

通过匿名函数，可以直接触发对应的代码。也可以通过指定的函数名赋值的方式来执行

函数(赋值的函数名不要跟着括号，如果跟着括号就直接执行了)。

input.onclick = box; //把函数名赋值给事件处理函数

常用的事件处理函数：