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> 本文作者:
« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3