<html>
<head>
<title>Add/Remove Event Handlers Example</title>
<script type="text/javascript">
var EventUtil = new Object;
EventUtil.addEventHandler = function (oTarget, sEventType, fnHandler) {
if (oTarget.addEventListener) {
//其它浏览器的事件代码: Mozilla, Netscape, Firefox
//添加的事件的顺序即执行顺序 //注意用 addEventListener 添加带on的事件,不用加on
oTarget.addEventListener(sEventType, fnHandler, false);
} else if (oTarget.attachEvent) {
//IE 的事件代码 在原先事件上添加 add 方法
oTarget.attachEvent("on" + sEventType, fnHandler);
} else {
oTarget["on" + sEventType] = fnHandler;
}
};
EventUtil.removeEventHandler = function (oTarget, sEventType, fnHandler) {
if (oTarget.removeEventListener) {
oTarget.removeEventListener(sEventType, fnHandler, false);
} else if (oTarget.detachEvent) {
oTarget.detachEvent("on" + sEventType, fnHandler);
} else {
oTarget["on" + sEventType] = null;
}
};
function handleClick() {
alert("Click!");
var oDiv = document.getElementById("div1");
EventUtil.removeEventHandler(oDiv, "click", handleClick);
}
window.onload = function() {
var oDiv = document.getElementById("div1");
EventUtil.addEventHandler(oDiv, "click", handleClick);
}
</script>
</head>
<body>
<div id="div1" style="background-color: red; width: 100px; height: 100px"></div>
</body>
</html>
分享到:
相关推荐
前面说过为HTML元素添加自定义的属性,是通过手动在HTML控件中加上,其实可以在javascript中动态添加。 关于实例说明,见:http://blog.csdn.net/redleaf1995/archive/2008/01/29/2072023.aspx
第一篇 javascript控件开发之动态加载
如题,通过按钮可以创建控件,利用JavaScript技术
JavaScript应用实例-动态添加控件.js
主要介绍了JS脚本实现动态给标签控件添加事件的方法,结合实例形式分析了javascript添加事件监听的相关实现技巧,需要的朋友可以参考下
JavaScript应用实例-悬浮窗动态添加控件.js
主要介绍了JS实现动态给标签控件添加事件的方法,结合实例形式分析了javascript简单实现动态添加事件的相关操作技巧,需要的朋友可以参考下
支持动态的添加节点、删除节点、自定义节点图标等。功能使用绝对方便! 此次上传是经过修改的版本,在节点数目较多的情况下,比如500个以上,大大加快了加载速度。以及修正了在节点不连续增加的情况下有可能出现事件...
将自定义的嵌套控件,获取嵌套控件的触发事件,让自己编辑的模板可以随意添加想要触发的事件。。。。。不再受无法获取控件事件的困扰,如:Linkbutton等
asp.net控件动态添加技术结合javascript应用于英语听力网站设计的思路.pdf
在上一篇基础上,添加事件相关函数,便于后续控件继承应用
Javascript判断是否有ActiveX控件的两种方法,在网页中使用ActiveX控件的添加方法。
JavaScript编写的选择性输入日历控件。首先引入该JS文件,某个文本框需要输入日期时,为该文本框添加onfocus事件,事件处理函数为new Calendar(0).show(this)。即添加“onfocus='new Calendar(0).show(this)”。
一个最简单的javascript控件,只包含了最为基本的10多个函数,希望能对想要自己编写javascript控件的初学者有所帮助~
由于网页中很难实现进度条的添加,所以开发了一个com组件来实现网页中加载进度条控件
*tiannet添加了时间选择功能、select,object标签隐藏功能,还有其它小功能。 *使用方法: * (1)只选择日期 (this);"> * (2)选择日期和小时 (this);"> * (3)选择日期和小时及分钟 (this);"> *设置参数的方法 *...
代码如下://下拉列表的填充 _showSchools: function (data) { //data代表是一个数据对象 var mySelect = document.getElementById... //将option添加到select标签里面 for (var index in data) { var item = da
(1)最开始,想到原生JavaScript,jQuery (appendChild()等方法结合AngularJS来添加新的元素。但是突然发现控件里面的数据绑定,原生javascript没法控制。 (2)上网查资料,找到$compile服务,动态改变html内容。本...
前面说过为HTML元素添加自定义的属性,是通过手动在HTML控件中加上,其实可以在javascript中动态添加:如有一文本框: 代码如下:<input type=”text” id=”txtInput” name=”txtInput” value=”自定义文本”&...