专栏首页java大数据javascript当中绑定事件和方法

javascript当中绑定事件和方法

8.绑定事件和方法 once, long time to know that "script" must be put in behind, while "input" must be put in front, otherwise document.getElementById("button1"); can not find the "button1",alert("button1 is "+ button1); 结果就是null,为什么这次跟往常我们的印象不一样了呢?因为往常我们先写一段script,之后在body中写上诸如<INPUT TYPE="button" onclick="abc",之类的话,这样上面的abc这样的代码开始不会被执行,里面的诸如document.getElementById ("button1");也就正确了。这里为什么跟往常不一样呢?因为要在一开始时,先给button绑上事件代码,否则button无事件响应。 例 8.1(commonEventPrerequisiteIEFF.html) <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> </head> <INPUT TYPE="button" NAME="button1" ID="button1" VALUE="单击我"/> <script> function testie() { alert("单击按钮ie"); } function testFF() { alert("单击按钮FireFox"); } /**/ /*obj.addEventListener("click",function(){func("看到我了吧");},false); the third argument is: A Boolean flag value that indicates whether the event listener should use bubbling (由里向外) or capture (由外向里) event propagation. 只要我们 知道第三个参数和事件冒泡有关就可以了。缺省值为假,即冒泡的意思。具体例子参考后面的事件冒泡例子。 */ var button1 = window.document.getElementById("button1"); alert("button1 is "+ button1); alert("document.all is" + document.all); alert(typeof(window.addEventListener) + " is typeof window.addEventListener"); alert(typeof(window.attachEvent) + " is typeof window.attachEvent"); alert(window.addEventListener + " is window.addEventListener"); alert(window.attachEvent + " is window.attachEvent"); if (typeof window.attachEvent === "object") { alert("ie"); button1.attachEvent("onclick", testie); } if (typeof window.addEventListener === "function") { alert("firefox"); button1.addEventListener("click", testFF, false); } // button1.addEventListener("click",test,false); //button1.attachEvent("onclick" , test); var str = ""; </script> 更多请见:https://blog.csdn.net/qq_43650923/article/details/102210095

原文链接:https://blog.csdn.net/qq_43650923/article/details/102210095

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 什么是NameNode和DataNode?他们是如何协同工作的?

    什么是NameNode和DataNode?他们是如何协同工作的? 一个HDFS集群包含一个NameNode和若干的DataNode(start-dfs命令就启动...

    马克java社区
  • maven的安装

    在电脑的环境变量path中配置: I:\EOldMachine\maven\apache-maven-3.1.0-bin\apache-maven-3.1.0\...

    马克java社区
  • MyEclipse开发第一个java程序HelloWorld

    图2_...

    马克java社区
  • Java学习笔记3-程序控制

    从控制台获取输入,需要导入Java中的java.util.Scanner类,通过读取对应类型来获取不同类型输入;

    村雨遥
  • Zabbix监控Mysql

    老七Linux
  • List、Set、Map 集合遍历 小结

    Map:Map不继承Collection接口。Map提供key到value的映射。一个Map中不能包含相同的key,每个key只能映射一个value。

    qubianzhong
  • Java基础系列(三十三):日志进阶

    上篇文章中,我们对于日志的使用进行了一个初步的学习和了解,这篇文章会对Java自带的基础日志框架进行进一步的深入学习和了解。

    Vi的技术博客
  • 系统学习javaweb-11-SSH整合

    struts-core hibernate-core spring   Core 核心功能   Web 对web模块支持   Aop ...

    csxiaoyao
  • The demo for current work

    Our dream is creating a safe driving system working well under all circumstance,...

    用户1908973
  • 数据结构与算法(六) 二叉树遍历

    •任意一个节点的值都大于其左子树的值•任意一个节点的值都小于其右子树的值•他的左右子树也是一颗二叉搜索树•二叉搜索树可以大大提高效率(搜索和添加删除时间复杂度都...

    老沙

扫码关注云+社区

领取腾讯云代金券

玩转腾讯云 有奖征文活动