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

2016-02-19 16:35 8 1 收藏

在这个颜值当道,屌丝闪边的时代,拼不过颜值拼内涵,只有知识丰富才能提升一个人的内在气质和修养,所谓人丑就要多学习,今天图老师给大家分享Prototype实战教程----13.Form.Element.Observer,希望可以对大家能有小小的帮助。

【 tulaoshi.com - Web开发 】

script src="prototype.js"/scriptform 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/formscriptfunction 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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1612474.html

延伸阅读
标签: Web开发
script src="prototype.js"/scriptdiv id="div1" style="font-size:20px;font-weight:bold"ObjectRange/divscriptvar range = $R(1, 10, false);var range2 = $R(1, 10, true); alert(range.merge(range2));// truealert(range.include(1));// truealert(range.include(5));// truealert(range.include(10))...
标签: Web开发
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html head titleAjax/title script type="text/javascript" language="javascript" src="prototype.js" /script script type=&...
标签: Web开发
script src="prototype.js"/scriptinput type="button" id="btn" value="click" /input type="button" id="reg" value="register" /input type="button" id="unreg" value="unregister" /div id="status"/divscriptfunction ...
标签: Web开发
htmlheadtitle顶层元素/titlescript src="prototype.js"/scriptscriptvar Person=Class.create();Person.prototype={ initialize:function(){}, name:'', birthday:'', age:'', Show:function(){alert("This is "+this.name);} }; function TestPerson() { var p...
标签: Web开发
这一部分提供了很多与表单操作有关的功能,包括以下部分,当通过$方法返回元素时,可以直接通过$(element).method()调用: Form对象:提供了操作整个表单的一些方法 Form.Element对象:提供了操作某个表单元素的方法 TimedObserver类:周期性表单监视器,当表单元素值改变的时候执行一个回调函数,有Form和Element两种类型 EventObserver类:...

经验教程

974

收藏

98
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部