`
wutao33543
  • 浏览: 64842 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

Prototype实战教程----12.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>
分享到:
评论

相关推荐

    前端项目-object-observe.zip

    在“object-observe-master”目录下,可能包含了一个实现Object.observe()功能的源码,我们可以研究其内部实现,了解如何模拟观察者模式以及如何处理各种变更事件。这个项目可能还包含了一些示例和测试用例,帮助...

    prototype.js 1.4-1.6[全]

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

    prototype.js简介

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

    prototype-1.4.0源码解读.js

    `Event.observe`用于添加事件监听器,`Event.stop`可以阻止事件的默认行为,`Event.stopObserving`则用于移除事件监听。这些方法使得处理用户交互更加灵活。 5. **Ajax交互** Prototype 提供了强大的Ajax功能,如`...

    prototype-1.6.0.2.js.rar

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

    Prototype Carousel Class-图片走马灯

    Prototype库中的`Event.observe()`方法用于绑定事件监听器,`Event.stop()`则可以阻止事件的默认行为。 5. **动画效果**: 为了实现平滑的图片切换,Prototype可能结合CSS3的过渡效果或者使用其内置的`Element....

    prototype.js 实例

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

    Python库 | azcam-observe-21.2.1.tar.gz

    资源分类:Python库 所属语言:Python 资源全名:azcam-observe-21.2.1.tar.gz 资源来源:官方 安装方法:https://lanzao.blog.csdn.net/article/details/101784059

    prototype.js

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

    prototype.js 1.6

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

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

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

    vue-observe-visibility:检测何时元素在页面上变得可见或隐藏

    npm install --save vue-observe-visibility :warning: 该插件使用了并非在所有浏览器中都支持的 (当前在Edge,Firefox和Chrome中受支持)。 您需要包括一个才能使其在不兼容的浏览器上运行。 进口 import Vue ...

    prototype-1.4.0.rar

    - **事件处理**:它引入了事件委托的概念,`Event.observe`和`Event.stop`等方法提高了事件处理的效率和灵活性。 2. **文件详解**: - **CHANGELOG**:记录了版本间的更改和改进,是了解版本更新内容的重要文档。...

    prototype-1.4.0.rar及开发手册

    Prototype.js 是一个JavaScript库,由Sam Stephenson 创建,它的核心目标是增强JavaScript语言的功能,使其更符合面向对象的编程范式。"prototype-1.4.0.rar" 是这个库的一个版本,包含了库的源代码和相关的开发资源...

    Api-k8s-istio-observe-backend.zip

    Api-k8s-istio-observe-backend.zip,基于go的微服务参考平台,用于演示基于istiogo的k8s可观测性演示基于istiogo的微服务可观测性演示,一个api可以被认为是多个软件设备之间通信的指导手册。例如,api可用于web应用...

    prototype-1.6.0.3

    7. **Event 模块**:提供了一套事件处理机制,如 Event.observe 和 Event.stop,简化了事件监听和处理。 三、使用流程介绍 1. **引入库**:在HTML文件中通过 `&lt;script&gt;` 标签引入 prototype-1.6.0.3.js 文件。 2. ...

    Prototype-1.6.0.2

    4. **事件处理**:Prototype 提供了一个事件处理系统,允许使用 `Event.observe()` 和 `Event.stopObserving()` 注册和取消事件监听器。它还改进了事件冒泡和事件对象的行为,使得跨浏览器的事件处理更加一致。 5. ...

    Object.observe-

    - 是在 Object.prototype 上定义的方法 - 它是 ECMAScript 7(Harmony) 规范的一部分。 - 在浏览器级别异步观察对象的变化。 - 观察者按照它们发生的顺序接收一系列变化。 - 使用 Object.unobserve() 移除监听器...

    prototype.js javaScript插件

    **JavaScript原型(Prototype)库详解** JavaScript是一种动态类型的编程语言,其灵活性和强大的对象操作能力使其在Web开发中占据重要地位。"Prototype.js"是一个针对JavaScript的开源库,旨在增强和扩展JavaScript的...

Global site tag (gtag.js) - Google Analytics