javascript事件绑定

最新推荐文章于 2024-11-11 09:43:00 发布

原创最新推荐文章于 2024-11-11 09:43:00 发布 · 133 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#事件绑定

javascript 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一种在不同浏览器中实现事件绑定的方法，并展示了如何为同一按钮的不同点击事件绑定多个函数，以便于实现更复杂的交互功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
function aaa()
{
	alert('a');
}

function bbb()
{
	alert('b');
}

//1.谁
//2.事件
//3.函数

function myAddEvent(obj, sEvent, fn)//封装成函数，
{
	if(obj.attachEvent)//IE下使用attachEvent
	{
		obj.attachEvent('on'+sEvent, fn);
	}
	else//FF下使用addEventListener
	{
		obj.addEventListener(sEvent, fn, false);
	}
}

window.onload=function ()
{
	var oBtn=document.getElementById('btn1');
	
	myAddEvent(oBtn, 'click', aaa);
	myAddEvent(oBtn, 'click', bbb);
};
</script>
</head>

<body>
<input id="btn1" type="button" value="aaa" />
</body>
</html>

何时要用上事件绑定？

在同一个事件上加两个函数时，需要使用事件绑定，以完成不同的功能。