<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. gmake使用注意

    今天使用gmake把sgml变成html的时候出现了无法找到gmake的困惑(本人linux为ubuntu15.04),上网搜索发现: gmake是GNU Make的缩写.Linux系统环境下的mak ...

  2. BZOJ 3401: [Usaco2009 Mar]Look Up 仰望( 单调栈 )

    n <= 105 , 其实是10 ^ 5 ....坑...我一开始写了个模拟结果就 RE 了.. 发现这个后写了个单调栈就 A 了... ---------------------------- ...

  3. js中的总结汇总(以后的都收集到这篇)

    点1:js中的比较字符串是否相等,js中是用"=="这个来判断是否相等,这点跟java中不一样,java中是.equals()这种方法. 在之前写的ajax的demo中,因为用了. ...

  4. 一种用javascript实现的比较兼容的回到顶部demo + 阻止事件冒泡

    回到页面顶部demo <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quo ...

  5. typedef和define

    typedef int INT; #define INTPTR1 (int*) typedef是用来声明类型别名的,在实际编写代码过程使用typedef往往是为了增加代码的可读性. #define是一 ...

  6. Swift 初见

    http://numbbbbb.gitbooks.io/-the-swift-programming-language-/chapter1/02_a_swift_tour.html 本页内容包括: 简 ...

  7. 02-IOSCore - NSFileHandle、合并文件、文件指针、文件查看器

    [day0201_NSFileHandle]:文件句柄 1 NSFileHandle 文件对接器.文件句柄 常用API: - (NSData *)readDataToEndOfFile;读取数据到最后 ...

  8. Mac编程的官方文档（类似MSDN）

    https://developer.apple.com/library/mac/documentation/FileManagement/Conceptual/FileSystemProgrammin ...

  9. Hibernate 3中如何获得库表所有字段的名称

    15问:Hibernate 3中如何获得库表所有字段的名称 答:可以使用以下的程序获得. Configuration conf = new Configuration(); conf.configur ...

  10. RAID级别与规范

    1.RAID 0 RAID 0是最早出现的RAID模式,即Data Stripping数据分条技术.RAID 0是组建磁盘阵列中最简单的一种形式,只需要2块以上的硬盘即可,成本低,可以提高整个磁盘的性 ...