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

Prototype实战教程----13.Form.Element.Observer

阅读更多
<script src="prototype.js"></script>
<form id="frm">
<div id="div1">
    <input type="text" id="txt" name="txt" onchange="return alert('Now')"/>
    <input type="text" id="txt2" name="txt2" />
    <input type="button" id="btn" name="btn"
        value="click" onclick="test(event)" />
    <input type="submit" />
    <a href="http://www.google.com" onclick="test2(event)">Google</a>
    <input type="button" id="btn1" name="btn1"
    value="click" onclick="test3(event)" />
</div>
</form>
<script>
function test(evt) {
    alert($("btn") === Event.element(evt));
}

function test2(evt) {
    alert("clicked");
    Event.stop(evt);
}

function test3(evt) {
    alert($("div1") === Event.findElement(evt, "div"))
}

new Form.EventObserver("frm", function () {
        alert("form changed");
    }
);

new Form.Element.EventObserver("txt", function () {
        alert("txt changed");
    }
);


new Form.Observer("frm", 1, function () {
        alert("form changed");
    }
);

new Form.Element.Observer("txt", 1, function () {
        alert("changed");
    }
);
</script>
分享到:
评论

相关推荐

    prototype.js开发笔记.pdf

    Form.Element.EventObserver类用于观察一个表单元素的事件。 2.35. Form.EventObserver 类 Form.EventObserver类用于观察一个表单的事件。 2.36. Position 对象 Position对象用于表示一个元素的位置。 ...

    prototype 中文教程PDF

    ### prototype.js 中文教程知识点概览 #### 一、简介 **prototype.js** 是由 Sam Stephenson 开发的一款 JavaScript 库。它通过一系列强大的功能帮助开发者轻松构建具有高交互性的 Web 2.0 应用程序。对于那些刚...

    Developer Notes for prototype.doc

    PeriodicalExecuter、Prototype、Enumerable、Hash、ObjectRange、Class、Ajax、Ajax.Responders、Ajax.Base、Ajax.Request、options argument object、Ajax.Updater、Ajax.PeriodicalUpdater、Element、Element....

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

    - **Form.Element.EventObserver 类**:观察表单元素上的事件。 - **Form.EventObserver 类**:观察表单上的事件。 - **Position 对象**:提供了位置计算的功能。 以上内容概述了 **Prototype.js** 的核心特性和...

    prototype.js开发笔记

    - **Abstract.TimedObserver 类**、**Form.Element.Observer 类**、**Form.Observer 类**、**Abstract.EventObserver 类**、**Form.Element.EventObserver 类**、**Form.EventObserver 类**:实现了观察者模式,用于...

    prototype.js 说明文档.doc

    还包括定时执行器、事件观察者等高级功能,如`Abstract.TimedObserver`、`Form.Element.Observer`和`Position`对象等。 Prototype.js的丰富功能使得JavaScript开发更加便捷,通过深入理解和使用这些工具,开发者...

    Prototype使用指南之form.js

    Form对象:提供了操作整个表单的一些方法Form.Element对象:提供了操作某个表单元素的方法TimedObserver类:周期性表单监视器,当表单元素值改变的时候执行一个回调函数,有Form和Element两种类型EventObserver类:...

    prototype.js开发笔记.doc

    此外,Prototype.js还引入了各种观察者模式的实现,如Form.Element.Observer,用于监听表单元素的变化,以及Abstract.EventObserver,用于处理事件观察。 总之,Prototype.js通过提供丰富的API和工具,极大地增强了...

    prototype.js开发手册.pdf

    Prototype库还包括Element对象,用于操作DOM元素;Abstract类和Abstract.Insertion,提供了插入元素的抽象方法;各种Insertion子类,如Before、Top、Bottom和After,方便在元素周围插入内容;Field和Form对象,处理...

    Prototype开发笔记.doc

    此外,Prototype还定义了如PeriodicalExecutor这样的定时执行器,以及Element、Field、Form、Form.Element等相关对象,用于处理DOM元素、表单和表单元素的操作。各种Observer类则支持事件监听和处理。 总结起来,...

    prototype1.4中文手册

    - **TheForm.Element.Observerclass**:观察表单元素变化。 - **TheForm.Observerclass**:观察整个表单的变化。 - **TheAbstract.EventObserverclass**:基于事件的观察者模式。 - **TheForm.Element....

    propotype.js 相关文档

    - **TheForm.Element.Observerclass**、**TheForm.Observerclass**:专门用于观察表单元素和表单本身的状态变化。 - **TheAbstract.EventObserverclass**:基础的事件观察者类,用于处理DOM事件。 **六、Position...

    设计模式精解-GoF 23种设计模式解析附C++实现源码

    一个固定的BNF(Backus-Naur Form)形式的简单语言。 - **C++ 实现**:定义一个`Expression`接口,包含解释的方法。具体表达式类实现`Expression`接口,提供具体的解释逻辑。终端表达式类代表文法中的终结符,非终端...

Global site tag (gtag.js) - Google Analytics