javascript中的addEventListener()方法

墨初学习笔记1996

我们操作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>

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

相关文章

JavaScript中for...in 语句详解

JavaScript中for...in 语句详解

在编程中我们会使用到各式各样的循环语句,以使我们可以对一个数组进行读操作或是写入赋值的操作,当然在javascript中这少不了这样的循环语句的存在。今天记录一下关于JavaScript for......

jQuery ajax()使用serialize()提交form数据

jQuery ajax()使用serialize()提交form数据

这几天一直在适配用户中心插件,基本的功能也差不多了,时间不长就会上线用户中心,当然适配的过程中也遇到不少的问题,今天记录一下。jQuery的serialize()方法通过序列化表单值,创建URL编码文...

jQuery获取当前页面的URL信息

在网站时不少客户要求导航条具有高亮功能,如果换到以前肯定是一个页面一个页面的去写代码,那样的话太麻烦,而且还不利于后期的维护和修改。不过现在有了jQuery了可以省去好多的事,再麻烦的事不就是一行JQ...

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

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

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

LAMP和LNMP,你更愿意选择谁,为什么?

这几天一直在捣鼓服务器的网站环境,不知道是装apache好,还是装nginx好。这不又开始找百度,查资料,看看大神们怎么说的。lamp 的全称是linux + apache + mysql +phpl...

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

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

发表评论    

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