<script src="prototype.js"></script>
<input type="button" id="btn" value="click" />
<input type="button" id="reg" value="register" />
<input type="button" id="unreg" value="unregister" />
<div id="status"></div>
<script>
function test() {
alert("clicked");
}
Event.observe("reg", "click", function () {
Event.observe("btn", "click", test, false);
$("status").innerHTML = "event registered";
}, false
);
Event.observe("unreg", "click", function () {
Event.stopObserving("btn", "click", test, false);
$("status").innerHTML = "event unregistered";
}, false
);
</script>
分享到:
相关推荐
`Event.observe()`和`Event.stopObserving()`用于添加和移除事件监听器,`Event.stop()`则用于阻止事件的默认行为。此外,还有`Element.simulate()`,它允许模拟触发指定的DOM事件。 ### 6. JSON支持 1.6版本增强...
Event.observe()方法用于添加事件监听器,而Event.stop()和Event.preventDefault()则可以阻止事件的默认行为。 5. **其他实用工具** 除了上述功能,Prototype还包含了一些实用工具,如Enumerable模块中的各种集合...
Prototype.js提供了事件处理功能,如`Event.observe`用于添加事件监听器。例如,我们可以在窗口上添加拖动功能: ```javascript myWindow.observe('mousedown', function(event) { var x = event.clientX - ...
Prototype改进了事件处理机制,提供了`Event.observe()`和`Event.stop()`等方法,使得事件监听和阻止默认行为变得更加直观。它还支持事件委托,通过在父元素上设置监听器来处理子元素的事件。 5. **JSON支持** ...
6. **事件处理**:Prototype改进了事件处理,提供了`observe()`和`stopObserving()`来绑定和解绑事件,还有`Event.Methods`来处理事件。 其次,`prototype-160-api.pdf`是Prototype 1.6.0.2的API文档,详细阐述了...
4. **事件处理** - 库中的`Event.observe()`和`Event.stop()`等方法,让添加和处理事件监听器变得更为方便,同时还能阻止事件的默认行为。 5. **动画效果** - prototype.js 包含`Effect`模块,可以轻松实现平滑的...
3. **事件处理**:Prototype.js通过`Event.observe()`和`Event.stop()`等方法,对事件处理进行了优化,支持事件委托和跨浏览器的事件处理。 4. **对象操作**:Prototype.js引入了类(Class)的概念,支持类的创建、...
此外,`Event.stop`可以阻止事件的冒泡,`Event.observe(window, 'load', function)`则可以方便地在页面加载完成后执行函数。 5. **Ajax 支持** Prototype.js 提供了强大的Ajax功能,包括`Ajax.Request`和`Ajax....
Event.observe()和Event.stop()等方法让事件处理更加简洁。 5. **模拟类与继承**:Prototype引入了Class构造器和extend()方法,模拟了类的概念,使得JavaScript能够实现类式的继承。这在处理复杂项目时尤其重要,...
4. **事件处理**:Prototype简化了事件处理,通过`Event.observe`和`Event.stop`等方法可以轻松地绑定和处理事件。 5. **特效**:Prototype还提供了一些基本的动画效果,如`Effect`模块,可以实现淡入淡出、滑动等...
- **事件处理**:使用 `Event.observe()` 和 `Event.stopObserving()` 注册和移除事件监听器,简化事件处理逻辑。 - **Ajax 请求**:`Ajax.Request` 和 `Ajax.Updater` 可以创建 AJAX 请求,处理响应并更新页面内容...
4. **事件处理**:库中包含了事件绑定和解绑的API,如`Event.observe`和`Event.stopObserving`,使得处理用户交互变得容易且灵活。 5. **类与继承**:Prototype.js引入了模拟类的概念,通过`Class.create`可以创建...
4. **事件处理**:Prototype 改进了事件处理机制,如`Event.observe`和`Event.stop`,使得处理用户交互变得更加简单。 5. **Class与Object继承**:Prototype 提供了类(Class)和对象(Objects)的继承机制,如`Class....
但是,在当前上下文中,`Event.observe`方法可能不起作用,因为`study`并不是DOM事件,而是自定义事件。 #### 总结 通过上述介绍,我们可以了解到`prototype.js`在类的创建、继承以及事件机制方面的强大功能。...
5. **事件处理**:通过`Event.observe()`和`Event.stop()`等方法,Prototype.js提供了优雅的事件处理机制,可以方便地监听和处理DOM事件。 6. **特效与动画**:Prototype.js的`Effect`模块提供了丰富的动画效果,如...
Prototype.js 的事件处理系统支持事件委托,可以使用`Event.observe()`和`Event.stopObserving()`来添加和移除事件监听器。`Event.stop()`可以阻止事件冒泡,而`Event.simulate()`则允许模拟事件。 4. **Ajax交互*...
Prototype的事件处理机制使得添加和移除事件监听器变得简单,如`element.observe(eventName, callback)`用于添加事件监听,`element.stopObserving(eventName, callback)`用于移除。同时,`Event.stop(event)`方法...
2. Delegation(委托):Prototype的`Event.observe()`方法可以实现事件委托,监听父元素上的事件,处理子元素的行为,减少事件监听器的数量,提高性能。 五、Function增强 1. Function.prototype.bind:这个方法...
`Event.observe`和`Event.stopObserving`是两个关键的函数,它们分别用于添加和移除事件监听器,让事件处理更加灵活和整洁。 Ajax是Prototype中的另一个亮点,它提供了一套完整的异步数据交换机制。`Ajax.Request`...