javascript中的addEventListener()方法

墨初学习笔记2837

我们操作HTML DOM对象的时候,可以利addEventListener()方法为某个被选中的DOM对象添加一个事件,用来操作这个被选中的对象。下面就记录一下,如果利javascript的addEventListener方法,为HTML的ODM对象添加一个事件!

addEventListener()定义与语法

addEventListener()用于向指定的元素添加事件

element.addEventListtener(event,function,useCapture);

addEventListener()举个例子:

点击按钮一个ID为button的按钮,并向一个ID为la的div层中插入内容自定义内容,飞鸟慕鱼博客

html代码:

<button id="buttom">点我</button><div id="la"></div>

javascript代码1:

document.getElementById("button").addEventListener("click" function(){    document.getElementById(la).innerHTML = "飞鸟慕鱼博客";})

javascript代码2:

document.getElementById("button").addEventListener("click" dome1);function dome1(){    document.getElementById("la").innerHTML = "飞鸟慕鱼博客";}

关于addEventListener()整体代码:

addeventlistener 参数, addeventlistener 用法

<!DOCTYPE html><html>    <head>    </head>    <body>        <button id="buttom">点我</button>        <div id="la"></div>        <script>        //第一种            document.getElementById("button").addEventListener("click" function(){                document.getElementById(la).innerHTML = "飞鸟慕鱼博客";            })        //第二种            document.getElementById("button").addEventListener("click" dome1);            function dome1(){                document.getElementById("la").innerHTML = "飞鸟慕鱼博客";            }        </script>    </body></html>

代码未作完整测试,只做一个记录备注,使用前请测试!

相关文章

CMS建站教程(一)

CMS建站教程(一)

这一段时间一直在大淘客的官方群里混,看到了很多新手想建立一个基于大淘宝CMS的网站,来推广淘宝,天猫的商品获取一部份佣金。但是对于一个不会建站的新手小白来说,难度是很大的。那么从今天开始,我教大家一步...

这个函数返回的是包含当前函数所有参数的一个数组

这个函数返回的是包含当前函数所有参数的一个数组

在PHP中,系统内置好了很多的函数,在我们写PHP程序的过程中可以调用这些函数,可以极大的减少我们开发程序的时间与精力。当然我们也可以自己写函数,PHP在我们的自定义函数中也有系统内置好的系统函数.....

PHP中超全局变量$GLOBALS和global的区别

ar1;$var1 = 2;unset($var1);}function t2() {$GLOBALS['var1'] = 3;...

PHP中include()与require()的区别说明(一)

require 的使用方法如 require("xxx.php"); 。这个函数通常放在 PHP 程序的最前面,PHP 程序在执行前,就会先读入 require 所指定引入的文件,...

jQuery中的jQuery.noConflict()函数说明

jQuery中的jQuery.noConflict()函数说明

在jQuery库中,几乎所有的插件都被限制在它的命名空间里,通常全局对象都被很好的储存在jQuery的命名空间里,当jQuery与其它的JavaSscript库使用时不会引起冲突一般情况下jQuery...

PHP+MySQL网站打开速度的几个因素

PHP+MySQL网站打开速度的几个因素

这几天有客户订制了一款主题,当然这款主题已经在zblog的应用中心开始审核,至于结果怎么样,还请大家关注我的博客。审核通过后,我会在博客里告诉大家一声的。当然本站用的自己写的主题《墨初VIP主题》还在...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。