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

js追加事件执行代码场景

2015-12-27 09:25 561 查看

在修改别人的js代码时,有些开发是基于某某框架的，所以框架原有方法我们可能不便直接修改，特别是某个按钮的事件绑定的方法，但又要追加处理方法，怎么办?看以下代码：

<!DOCTYPE html>
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div>TODO write content</div>
<input type="button" value="testclick" name="EventTest" onclick="event1();" />
<script>
function event1(){
alert(1);
}
//待增加的点击事件执行方法
function event2(){
alert(2);
}
window.onload=function(){
hander1=document.getElementsByName("EventTest")[0];
hander1.addEventListener("click",event2,false); //追加事件 IE下请用attachEvent
}
</script>
</body>
</html>

以上的代码就做到了不修改event1内的脚本，直接追加事件；这只是一个示例，实际应用中，可能这个HTML内容会很多，但只要将event2和window.onload写到另一个js文件中，然后src到head中即可，大多数框架都有类似的功能，允许用户嵌入js代码，以达到个性化控制的目的！

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航