JavaScript/JS如何给元素对象添加事件

使用普通的 js 代码给元素对象添加事件

绑定事件，添加事件处理程序：

var obj = document.getElementById("name");
obj.onclick = f1;
function f1(){
alert("hello!");
}

说明：函数名 f1 就是一个引用数据类型的变量，指向一个函数对象。

使用 jquery 给元素对象添加事件

给 div 元素绑定 mouseenter 事件，并注册监听器（即函数）。

$(function () {
	// 给 div 元素绑定 mouseenter 事件，并注册了监听器（即函数）。
	$('div').mouseenter(function (){
		// 给当前div添加 Class属性，属性值为“s2”
		$(this).addclass('s2');
		}
    );
	}
);

说明：

1.$() 括号内直接加函数，页面解析完后就执行 $() 括号内的函数，即页面解析完后函数体内的 js 代码会执行。通常用来给元素对象添加事件

2.mouseenter() 括号内直接加函数，即添加事件处理程序

3.this 谁发生事件就是谁

4.方法体内语句结束要加分号 ;