js事件监听器

js事件监听器

举个例子-绑定不带参数的函数

给btn绑定一个展示日期的函数

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<p>点击按钮就可以执行 <em>displayDate()</em> 函数。</p>

<button id="myBtn">点击这里</button>

    

<script>
s=document.getElementById("myBtn");
//将dom元素btn保存到一个变量中 
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
//定义函数
s.addEventListener('click', displayDate,false)
//事件监听器,有三个参数,分别是事件,函数名称(不带括号),以及布尔值
</script>

<p id="demo"></p>

</body>
</html> 

参考

通过DOM绑定事件 - 简书

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 声明:本文来源于http://www.webzsky.com/?p=731我只是在这里作为自己的学习笔记整理一下(...
    angryyan阅读 7,080评论 1 6
  • 总结: 鼠标事件 1.click与dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r阅读 1,628评论 2 10
  • 第1章 鼠标事件 1-1 jQuery鼠标事件之click与dbclick事件 用交互操作中,最简单直接的操作就是...
    mo默22阅读 1,295评论 0 6
  • 我们在编写代码的时候,总会遇到一些需要反复使用的代码片段。这时候就需要反复的复制和黏贴,大大影响效率。我们利用Su...
    ilkswiss阅读 1,455评论 0 2
  • 等待是什么感觉 刚把儿子送到写字班,把老公送到车站,现在坐在车上,剩下1个半小时的等待,原本以为1个多小时的等待会...
    bc4d1bc3fffc阅读 279评论 1 0