<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>
分享到：
相关推荐
在网页中，我们经常需要动态生成控件并为其赋予事件，这在JavaScript中是一项基本但至关重要的技能。这篇博客文章可能详细阐述了如何通过JavaScript实现这一功能。 动态生成控件通常涉及到DOM（Document Object ...
在给定的文件中，我们看到了一个通过JavaScript技术实现按钮添加控件的示例。这段代码展示了一个网页应用，其中包含一个按钮，当点击该按钮时，会动态地在页面上添加一个新的输入文本框（控件）以及一个删除链接。这...
JavaScript可以监听密码输入控件的各种事件，如`onchange`、`oninput`、`onkeyup`等。例如，通过`oninput`事件实时验证密码的复杂度，确保用户输入符合安全规则。 3. **表单验证** 使用JavaScript进行客户端验证...
前面说过为HTML元素添加自定义的属性，是通过手动在HTML控件中加上，其实可以在javascript中动态添加。 关于实例说明，见:http://blog.csdn.net/redleaf1995/archive/2008/01/29/2072023.aspx
为了让新元素具有交互性，可以添加事件监听器。例如，为`<button>`添加点击事件： ```javascript var button = document.querySelector('button'); button.addEventListener('click', function() { // 动态添加...
动态加载作为JavaScript控件开发中的一个重要概念，是提升网页性能和用户体验的关键手段。动态加载意味着控件或资源不是在页面加载时一次性全部加载，而是根据需要按需加载，从而减少了初始页面加载时间，降低了对...
JavaScript 日期时间控件是一种在Web应用程序中用于用户交互式选择日期和时间的组件。它通常以日历或时钟的图形用户界面呈现，提供了一种直观且易于使用的交互方式，使得用户能够方便地输入或选择日期和时间值。在这...
本篇文章将深入探讨如何使用jQuery动态添加控件，包括元素的创建、插入和绑定事件，以及在实际项目中的应用。 首先，我们来了解jQuery如何创建新的HTML元素。在JavaScript中，创建元素通常是通过`document....
本示例提供的“动态添加HTML控件”可能详细讲解了如何解决这些问题，包括如何在服务器端生成控件，如何绑定事件，以及如何在回发时保持数据。 总的来说，理解和掌握动态添加和删除HTML控件的技能对于任何ASP.NET...
最后，将控件添加到窗体的控件集合中，使其在界面上可见： ```csharp this.Controls.Add(myButton); ``` 5. **动态添加的高级用法** - **循环添加**：如果需要添加多个相同类型的控件，可以使用循环结构。 -...
`attachEvent`的使用需要注意，它会按照添加事件处理程序的顺序执行，即后来添加的先执行。例如，如果有三个事件处理程序： ```javascript var btn1Obj = document.getElementById("btn1"); btn1Obj.attachEvent(...
为此，我们需要为控件添加事件监听器，并编写相应的事件处理函数。 5. **布局管理**：动态添加控件时，需要考虑如何合理地布局。这可能涉及到流式布局、网格布局、相对布局等。在Windows Forms中，可以使用...
"asp.net控件动态添加技术结合javascript应用于英语听力网站设计的思路" 本文主要讨论了asp.net控件动态添加技术结合javascript应用于英语听力网站设计的思路。该技术可以动态添加控件到网站上，提高网站的交互性...
9. **无障碍性**：为了满足无障碍性需求，需要为树形控件添加适当的ARIA属性，使其对屏幕阅读器友好。 在"树形控件"这个压缩包中，很可能包含了实现上述功能的JavaScript代码文件、示例HTML文件和CSS样式文件。通过...
在网页设计中，JavaScript控件是不可或缺的一部分，它们为用户提供了丰富的交互体验。以下是一些基于JavaScript的经典控件及其相关的知识点： 1. **表格操作**： - `javascript 表格操作.html` 和 `操控表格.txt` ...
模仿ExtJS的Tab控件意味着它可能包含类似的功能，如动态添加和删除标签页、支持Ajax加载内容、自定义样式等。 在实际开发中，创建一个JavaScript Tab控件通常涉及以下几个关键步骤： 1. **HTML结构**：首先，我们...
JavaScript应用实例-动态添加控件.js
1. **事件监听**：通过添加事件监听器，例如`addEventListener`，可以捕捉用户的点击或键盘输入，从而触发相应的时间选择功能。 2. **数据验证**：JavaScript可以验证用户输入的时间是否符合预期格式，如YYYY-MM-DD...
这个过程可能包括创建元素、设置样式、添加事件监听器等步骤。 2. **状态管理**：控件的状态管理是关键，因为它决定了控件的外观和行为。例如，控件的可见性、禁用状态、选中状态等。基类通常包含方法来改变和查询...
JavaScript日历控件是网页开发中常用的一种交互元素，它为用户提供了一个直观的方式来选择日期，常见于表单、事件管理或在线预订系统等场景。在本文中，我们将深入探讨六种不同的JavaScript日历控件，了解它们的特点...