html js按钮事件监听,JS监听事件

对象 - JS监听事件 ¶

作者：KK

发表日期：2016.2.21

在准备讲解后面的window对象之前,这里将话题转回来事件这里

平时咱们在一个元素里加个onclick属性,属性值写JS代码,这样就实现了监听body的click事件,一旦元素被点击时就会执行,概括来说这种叫做事件监听,我们部署代码去监听事件,事件不发生时什么效果都没有,事件发生后就会执行我们的监听代码

其实要监听事件不一定要通过给元素添加onxxx属性名加JS代码来实现的,我们这回讲下如何使用JS代码来监听事件

就是通过被监听对象的addEventListener方法添加事件或者onxxx属性来设置事件,来看最普遍最简单的代码:

用JS监听事件

window.onload = function(){

alert('页面加载完毕,window.onload发动!');

}

alert('上一行代码为window.onload属性赋值了一个函数,但只是赋值,目前什么事都不会发生');

网页内容

注意上面代码中alert执行的顺序,window.onload属性值是一个函数,当整个HTML文档加载完毕之后浏览器自动调用window.onload这个函数,也就是发生了窗口的load事件(窗口加载完毕事件)

简而言之以上代码就是通过window.onload = 函数..赋值来实现监听窗口加载完毕的事件

但是要注意这个函数是不需要起名字的,平时我们定义函数都是function 函数名(){},而当我们向一个属性设置一个函数值时,我们不用写函数名,只要这样写function(){},这是一个没名字的函数,专业术语为匿名函数,我接触过的几种编程语言都有匿名函数这种概念,可能叫法有少许不同而已,但原理和作用如出一致

监听元素点击等事件 ¶