文档章节

prototype中Form的测试

sucre
 sucre
发布于 2014/07/30 10:12
字数 458
阅读 14
收藏 0

直接看例子吧,我在例子中做了些注释

 


  
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
  2. <html> 
  3.     <head> 
  4.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  5.         <title>Untitled Document</title> 
  6.         <script src="prototype.js"> 
  7.         </script> 
  8.         <script> 
  9.             function test(evt){  
  10.                 //Event.element功能为返回引发此事件的元素,此处是返回触发单击事件的元素,则为$('btn')  
  11.                 alert($("btn") === Event.element(evt));  
  12.             }  
  13.               
  14.             function test2(evt){  
  15.                 alert("clicked");  
  16.                 //如果没有这行代码,单击后那个链接就会打开  
  17.                 Event.stop(evt);  
  18.             }  
  19.               
  20.             function test3(evt){  
  21.                 //Event.findElement向 DOM 树的上位查找,找到第一个给定标记名称的元素, 从这个元素开始触发事件。  
  22.                 alert($("div1") === Event.findElement(evt, "div"))  
  23.             }  
  24.         </script> 
  25.     </head> 
  26.     <body> 
  27.         <form id="testForm"> 
  28.             <div id="div1"> 
  29.                 <input type="text" id="txt" name="txt" onchange="return alert('Now')"/> 
  30.                 <input type="text" id="txt2" name="txt2" /> 
  31.                 <input type="button" id="btn" name="btn" value="click" onclick="test(event)"/> 
  32.                 <input type="submit" /> 
  33.                 <a href="http://www.google.com" onclick="test2(event)">Google</a> 
  34.                 <input type="button" id="btn1" name="btn1" value="click" onclick="test3(event)"/> 
  35.             </div> 
  36.         </form> 
  37.         <script> 
  38.             /**  
  39.              Form.Element.Observer以及Form.Observer类:  
  40.                
  41.                周期性监视表单元素,如果表单或表单元素的值有改变时,执行执行一个回调函数,使用方式如下:  
  42.                
  43.                var oser=new Form.Element.Observer(element, frequency, callback)  
  44.                
  45.                or oser=new Form.Observer(form, frequency, callback)  
  46.                
  47.                callback可以定义两个参数 form/element、Form.serialize()/value  
  48.                
  49.                Form.Element.EventObserver和Form.EventObserver类:  
  50.                
  51.                这两个类跟上面的差不多,只是不是周期性的监视,而是利用元素的change或click事件来监视表单元素的变化,当发生变化时执行callback,参数跟上面一样  
  52.                
  53.              */  
  54.             new Form.EventObserver("testForm", function(){  
  55.                 alert("form changed");  
  56.             });  
  57.               
  58.             new Form.Element.EventObserver("txt", function(){  
  59.                 alert("txt changed");  
  60.             });  
  61.               
  62.             new Form.Element.Observer("txt", 1, function(){  
  63.                 alert("changed");  
  64.             });  
  65.               
  66.             new Form.Observer("testForm", 1, function(){  
  67.                 alert("form changed");  
  68.             });  
  69.               
  70.         </script> 
  71.     </body> 
  72. </html> 

form中指定的元素一旦发生变化,便会激活指定的事件。可以看看这篇文章(http://sucre.blog.51cto.com/1084905/413472)

本文出自 “乔磊的博客 学习 进步” 博客,请务必保留此出处http://sucre.blog.51cto.com/1084905/413470

本文转载自:http://sucre.blog.51cto.com/1084905/413470

sucre
粉丝 33
博文 412
码字总数 214408
作品 0
高级程序员
私信 提问
调用objc_msgSend方法在64位下崩溃解决方法

之前一直在非64位机器下测试一切正常的程序,在iPhone5s下无缘无故崩溃。崩溃的位置是调用objc_msgSend时出现。经过一番辛苦搜索终于发现苹果官网上有一段这样的描述: Dispatch Objective-C...

vimfung
2014/11/05
2.9K
1
struts 1

<html:form action="/submitSearch.do"> <html:hidden prototype="invoiceId" styleId="invoiceId" /> </html:form> 1,invoiceId 的value值来自struts-config中submitSearch action中的for......

liueric
2011/02/18
255
0
ExtJs 动态RadioGroup的子项 [ Ext | RadioGroup | items ]

1.  实现代码 //Ext.form.RadioGroup扩展 Ext.override(Ext.form.RadioGroup, { getItems:function(){ return this.items; }, setItems:function(data){ this.items = data; } }); functio......

walb呀
2017/12/07
0
0
RESTLET开发实例(三)基于spring的REST服务

前面两篇文章,我们介绍了基于JAX-RS的REST服务以及Application的Rest服务。这里将介绍restlet如何整合spring框架进行开发。Spring 是一个开源框架,是为了解决企业应用程序开发复杂性而创建...

jiyayun
2013/07/23
4.5K
1
使用 form_remote_tag 优化图片链接

以产品product图片为例 使用link_to 但是此时我们会发现link_to的第一个方法即产品图片会被存放在标签中,而rails提供的image_tag辅助方法则会构造一 个标签,此时我们会发现我们调用的图片放...

鉴客
2011/09/21
445
0

没有更多内容

加载失败,请刷新页面

加载更多

Giraph源码分析(八)—— 统计每个SuperStep中参与计算的顶点数目

作者|白松 目的:科研中,需要分析在每次迭代过程中参与计算的顶点数目,来进一步优化系统。比如,在SSSP的compute()方法最后一行,都会把当前顶点voteToHalt,即变为InActive状态。所以每次...

数澜科技
今天
4
0
Xss过滤器(Java)

问题 最近旧的系统,遇到Xss安全问题。这个系统采用用的是spring mvc的maven工程。 解决 maven依赖配置 <properties><easapi.version>2.2.0.0</easapi.version></properties><dependenci......

亚林瓜子
今天
10
0
Navicat 快捷键

操作 结果 ctrl+q 打开查询窗口 ctrl+/ 注释sql语句 ctrl+shift +/ 解除注释 ctrl+r 运行查询窗口的sql语句 ctrl+shift+r 只运行选中的sql语句 F6 打开一个mysql命令行窗口 ctrl+l 删除一行 ...

低至一折起
今天
9
0
Set 和 Map

Set 1:基本概念 类数组对象, 内部元素唯一 let set = new Set([1, 2, 3, 2, 1]); console.log(set); // Set(3){ 1, 2, 3 } [...set]; // [1, 2, 3] 接收数组或迭代器对象 ...

凌兮洛
今天
4
0
PyTorch入门笔记一

张量 引入pytorch,生成一个随机的5x3张量 >>> from __future__ import print_function>>> import torch>>> x = torch.rand(5, 3)>>> print(x)tensor([[0.5555, 0.7301, 0.5655],......

仪山湖
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部