给DOM元素添加事件

  今天遇到一个问题:鼠标单击页面中的任意标签,弹出该标签的名称。

  实现代码如下:

   即创建了一个页面的点击事件。

     随后写页面时,又用到了需要在页面加载时添加一个事件。当时多考虑了一下,想了想实现方法,包括JQuery的$.fuction()、$.ready()、window.onload、,

对于window.onload,其实现思路同document.onclick相同,均是给DOM对象添加事件。

     回头想想,当年在疑惑document并没有onclick方法,window并没有onload方法/属性,为什么可以这么写。现在再看,这只是给dom元素添加了一个事件而已啊。

 又回想起js的定义:基于对象的,事件驱动的脚本编程语言。在js中,onclick是在文档对象或其子对象上的鼠标点击触发事件,是一通用事件。而事件模型又恰是Dom对象的子集,咱只不过是把Dom对象和onclick事件绑一块了。

回过头来再理解一下 对象的属性(document.height),方法(document.getElementById),事件(document.onclick),别绕进去出不来了。

     

转载于:https://www.cnblogs.com/shxlsunny/p/5642096.html

你可能感兴趣的:(给DOM元素添加事件)