<1>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <script type="text/javascript">

        function getInput() {

            var inputs = document.getElementsByTagName("input"); //取得全部的input表单

            for (var i = 0; i < inputs.length; i++) {  //遍历全部的input表单

                var inputName = inputs[i];  //获得当前遍历到的input表单

                inputName.value = "哈哈"; //将当前的input表单value属性赋值“哈哈”

                inputName.onclick = btnClick; //给遍历到的当前表单注冊onclick事件，事件的处理函数为btnClick

                //注意我这里仅仅是给inputName的onclick事件指定了一个处理函数btnClick，详细函数怎样定义，则会写在下面btnClick()函数中

            }

        }

        //vet是一个对象(事实上就是event，名字能够随便起)如今我将它作为一个參数来传递，它就是指控件触发的事件的状态，既然他是一个对象，它肯定有一些属性的，当中就包括了srcElement，或者火狐中的target，还有些onclick等事件

        function btnClick(evt) {

            var inputs = document.getElementsByTagName("input");

            for (var i = 0; i < inputs.length; i++) {

                var inputName = inputs[i];

                //在IE 中srcElement 表示产生事件的源，比方是哪个按钮触发的onclick 事件，火狐中则是target。

                //window.event.srcElement取得引发onclick事件的控件(表单元素)。在火狐中srcElement无效(要用target)

                var obj = evt.srcElement ? evt.srcElement : evt.target;

                if (inputName == theEvent.target) { //假设当前表单就是引发事件的控件，就将当前表单的value值设为“我被点击了”，否则设为“哈哈”

                    inputName.value = "我被点击了";

                }

                else {

                    inputName.value = "哈哈";

                }

            }

        }

    </script>

</head>

<!--在页面载入完成后就会触发onload事件，onload事件就会调用getInput()函数，从而给全部的input表单的value赋值为“哈哈”-->

<body onload="getInput()">

    <form>

    <input type="button" />

    <input type="button" />

    <input type="button" />

    <input type="button" />

    </form>

</body>

</html>



http://blog.csdn.net/cyxlzzs/article/details/6711924

简写

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <script src="Jquery/jquery-1.10.2.js" type="text/javascript"></script>

    <script type="text/javascript">

        function getInput() {

            var inputs = document.getElementsByTagName("input");

            for (var i = 0; i < inputs.length; i++) {

                inputs[i].value = "哈哈";

                inputs[i].onclick = function (evt) {

                    var inputs = $("input"); //等同于document.getElementsByTagName("input");

                    for (var i = 0; i < inputs.length; i++) {

                        if (inputs[i] == evt.target) { //注意==号，别写成了=

                            inputs[i].value = "我被点击了";

                        }

                        else {

                            inputs[i].value = "哈哈";

                        }

                    }

                };

            }

        }

    </script>

</head>

<body onload="getInput()">

<input type="button" />

<input type="button" />

<input type="button" />

</body>

</html>

event.srcElement获得引发事件的控件（表单）的更多相关文章

  1. [转载]WebBrowser控件表单（form）的自动填写和提交

    话说有了WebBrowser类,终于不用自己手动封装SHDocVw的AxWebBrowser这个ActiveX控件了.这个类如果仅仅作为一个和IE一模一样浏览器,那就太没意思了(还不如直接用IE呢). ...

  2. 淘宝(阿里百川)手机客户端开发日记第十四篇 jsp提交含有上传控件表单乱码问题

    今天我来总结昨天开发的一个简单的jsp web 应用程序时,在做一个调教表单,从servlet端获取数据,这个表单里含有上传文件控件.如果我们在测试的时候,获取数据的是乱码,这时,大家可以先去掉上传控 ...

  3. Error-ASP.NET：由于未能找到 id 为“FileUpload1$gvFiles$ctl02$lnkBtnRemoveFile”的控件或在回发后将同一 ID 分配给另一个控件，导致发生错误。如果未分配 ID，请显式设置引发回发事件的控件的 ID 属性以避免此错误。

    ylbtech-Error-ASP.NET:由于未能找到 id 为“FileUpload1$gvFiles$ctl02$lnkBtnRemoveFile”的控件或在回发后将同一 ID 分配给另一个控件 ...

  4. Python pyQt4/pyQt5 学习笔记1(空白窗口，按钮，控件事件，控件提示，窗体显示到屏幕中间，messagebox)

    PyQt4是用来编写有图形界面程序(GUI applications)的一个工具包.PyQt4作为一个Python模块来使用,它有440个类和超过6000种函数和方法.同时它也是一个可以在几乎所有主流 ...

  5. FileUpload控件实现单按钮图片自动上传并带预览显示

    FileUpload控件实现单按钮图片自动上传并带预览显示 1.实现原理:   FileUpload控件默认不支持服务端的ONCHANGE事件,此时用一种变通的方法借用客户端的onchange事件,调 ...

  6. Qt的事件模型（5种使用办法，通常重新实现event handler即可。只有定义控件才需要管理信号的发射）

    Qt的事件模型 1.事件的概念 应用程序对象将系统消息接收为 Qt 事件.应用程序可以按照不同的粒度对事件加以监控.过滤并做出响应. 在 Qt 中,事件是指从 QEvent继承 的对象.Qt将事件发送 ...

  7. ASP.NET - 自定义控件处理页面事件（控件与页面数据交互）的方法

    //用委托的方法实现 //控件代码 public delegate void DelegateFunction( string sPageTitle ); private DelegateFuncti ...

  8. Android自己定义控件2-简单的写字板控件

    概述 上一篇文章我们对自己定义控件进行了一个大体的知识介绍. 今天就来学习自己定义一个简单的写字板控件. 先来看看效果图 就是简单的依据手指写下的轨迹去画出内容 实现 在上一篇文章里提到了androi ...

  9. 2014-07-23 利用ASP.NET自带控件实现单文件上传与下载

    效果图 上传文件页面: 下载文件页面:  1.母版页site.Master <%@ Master Language="C#" AutoEventWireup="tr ...

随机推荐

  1. 解决 Xcode7 中多个模拟器的办法

    转自: http://www.oschina.net/code/snippet_196012_50574 1.关闭xcode 2.终端输入 sudo killall -9 com.apple.Core ...

  2. 使用Git上传代码到GitHub详细的不能再详细教程

    据说不会用GitHub的程序员连菜鸟都不算,确实,GitHub上有大量优秀的代码,我们也可以将自己的代码分享上去. 首先,你要有一个GitHub的账号,https://github.com/在官网注册 ...

  3. BZOJ 1042: [HAOI2008]硬币购物( 背包dp + 容斥原理 )

    先按完全背包做一次dp, dp(x)表示x元的东西有多少种方案, 然后再容斥一下. ---------------------------------------------------------- ...

  4. BZOJ 2809: [Apio2012]dispatching( 平衡树 + 启发式合并 )

    枚举树上的每个结点做管理者, 贪心地取其子树中薪水较低的, 算出这个结点为管理者的满意度, 更新答案. 用平衡树+启发式合并, 时间复杂度为O(N log²N) ------------------- ...

  5. 使用jquery 1.7 及以后的版本 attr 问题

    跟进jquery的代码进行检查,发现问题出在下面的代码中: if ( notxml ) { name = name.toLowerCase(); hooks = jQuery.attrHooks[ n ...

  6. 转: Firefox 浏览器对 TABLE 中绝对定位元素包含块的判定有错误

    标准参考 元素的包含块 W3C CSS2.1 规范中规定,绝对定位元素的包含块(containing block),由离它最近的 position 特性值是 "absolute". ...

  7. SolrCloud Hello Word

    Solr Cloud 设计出来的目的是使你的搜索服务具有更高的可用性,提高容错.容灾能力.下面我们在一台电脑上建立2个solr服务,作为一个solrCloud分片(shard),初步认识一下solrC ...

  8. php前端控制器设计1

    The primary role of a front controller in web-based applications is to encapsulate the typical reque ...

  9. spider-web 是爬虫的网页版，使用xml配置

    spider-web 是爬虫的网页版,使用xml配置,支持大部分页面的爬取,支持爬取内容的保存.下载等. 其中配置文件格式为: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 1 ...

  10. 使用storyboard实现页面跳转，简单的数据传递

    由于最近才接触到IOS,苹果已经建议storyboard来搭建所有界面了,于是我 也追随时尚,直接开始使用storyboard.(不料在涉及到页面跳转的时候,遇到的问题是:点击后没有任何反应)众所周知 ...