`

prototype的Event.observe

阅读更多
<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>
分享到:
评论

相关推荐

    prototype.js 1.6中文手册、prototype.js 1.6英文手册、

    `Event.observe()`和`Event.stopObserving()`用于添加和移除事件监听器,`Event.stop()`则用于阻止事件的默认行为。此外,还有`Element.simulate()`,它允许模拟触发指定的DOM事件。 ### 6. JSON支持 1.6版本增强...

    prototype1.6.0.3.rar

    Event.observe()方法用于添加事件监听器,而Event.stop()和Event.preventDefault()则可以阻止事件的默认行为。 5. **其他实用工具** 除了上述功能,Prototype还包含了一些实用工具,如Enumerable模块中的各种集合...

    prototype.js 实例

    Prototype.js提供了事件处理功能,如`Event.observe`用于添加事件监听器。例如,我们可以在窗口上添加拖动功能: ```javascript myWindow.observe('mousedown', function(event) { var x = event.clientX - ...

    prototype1.7.zip

    Prototype改进了事件处理机制,提供了`Event.observe()`和`Event.stop()`等方法,使得事件监听和阻止默认行为变得更加直观。它还支持事件委托,通过在父元素上设置监听器来处理子元素的事件。 5. **JSON支持** ...

    prototype 1.6.0.2.js+使用DEMO例子

    6. **事件处理**:Prototype改进了事件处理,提供了`observe()`和`stopObserving()`来绑定和解绑事件,还有`Event.Methods`来处理事件。 其次,`prototype-160-api.pdf`是Prototype 1.6.0.2的API文档,详细阐述了...

    prototype.js简介

    4. **事件处理** - 库中的`Event.observe()`和`Event.stop()`等方法,让添加和处理事件监听器变得更为方便,同时还能阻止事件的默认行为。 5. **动画效果** - prototype.js 包含`Effect`模块,可以轻松实现平滑的...

    prototype.js

    3. **事件处理**:Prototype.js通过`Event.observe()`和`Event.stop()`等方法,对事件处理进行了优化,支持事件委托和跨浏览器的事件处理。 4. **对象操作**:Prototype.js引入了类(Class)的概念,支持类的创建、...

    prototype.js 1.4-1.6[全]

    此外,`Event.stop`可以阻止事件的冒泡,`Event.observe(window, 'load', function)`则可以方便地在页面加载完成后执行函数。 5. **Ajax 支持** Prototype.js 提供了强大的Ajax功能,包括`Ajax.Request`和`Ajax....

    prototype1.4.js开发者手册

    Event.observe()和Event.stop()等方法让事件处理更加简洁。 5. **模拟类与继承**:Prototype引入了Class构造器和extend()方法,模拟了类的概念,使得JavaScript能够实现类式的继承。这在处理复杂项目时尤其重要,...

    prototype.js jquery.js 打包下载(包含各自的API)

    4. **事件处理**:Prototype简化了事件处理,通过`Event.observe`和`Event.stop`等方法可以轻松地绑定和处理事件。 5. **特效**:Prototype还提供了一些基本的动画效果,如`Effect`模块,可以实现淡入淡出、滑动等...

    prototype.js 1.6

    - **事件处理**:使用 `Event.observe()` 和 `Event.stopObserving()` 注册和移除事件监听器,简化事件处理逻辑。 - **Ajax 请求**:`Ajax.Request` 和 `Ajax.Updater` 可以创建 AJAX 请求,处理响应并更新页面内容...

    prototype.js 1.4版开发者手册(强烈推荐)

    4. **事件处理**:库中包含了事件绑定和解绑的API,如`Event.observe`和`Event.stopObserving`,使得处理用户交互变得容易且灵活。 5. **类与继承**:Prototype.js引入了模拟类的概念,通过`Class.create`可以创建...

    自己翻译的 Prototype 1.6.0.3 中文参考手册

    4. **事件处理**:Prototype 改进了事件处理机制,如`Event.observe`和`Event.stop`,使得处理用户交互变得更加简单。 5. **Class与Object继承**:Prototype 提供了类(Class)和对象(Objects)的继承机制,如`Class....

    类之Prototype.js学习

    但是,在当前上下文中,`Event.observe`方法可能不起作用,因为`study`并不是DOM事件,而是自定义事件。 #### 总结 通过上述介绍,我们可以了解到`prototype.js`在类的创建、继承以及事件机制方面的强大功能。...

    prototype.js开发者手册

    5. **事件处理**:通过`Event.observe()`和`Event.stop()`等方法,Prototype.js提供了优雅的事件处理机制,可以方便地监听和处理DOM事件。 6. **特效与动画**:Prototype.js的`Effect`模块提供了丰富的动画效果,如...

    prototype.js1.6的帮助文档

    Prototype.js 的事件处理系统支持事件委托,可以使用`Event.observe()`和`Event.stopObserving()`来添加和移除事件监听器。`Event.stop()`可以阻止事件冒泡,而`Event.simulate()`则允许模拟事件。 4. **Ajax交互*...

    prototype-1.6.0.2.js.rar

    Prototype的事件处理机制使得添加和移除事件监听器变得简单,如`element.observe(eventName, callback)`用于添加事件监听,`element.stopObserving(eventName, callback)`用于移除。同时,`Event.stop(event)`方法...

    prototype 开发应用手册,笔记,prototype.js文件下载

    2. Delegation(委托):Prototype的`Event.observe()`方法可以实现事件委托,监听父元素上的事件,处理子元素的行为,减少事件监听器的数量,提高性能。 五、Function增强 1. Function.prototype.bind:这个方法...

    prototype开发者手册(中文版)+prototype.js

    `Event.observe`和`Event.stopObserving`是两个关键的函数,它们分别用于添加和移除事件监听器,让事件处理更加灵活和整洁。 Ajax是Prototype中的另一个亮点,它提供了一套完整的异步数据交换机制。`Ajax.Request`...

Global site tag (gtag.js) - Google Analytics