网页中经常需要处理各种事件,通常的做法是绑定listener对事件进行监听,当事件发生后进行一些特定处理.
监听事件的几种方法如下文.
第一种,写在页面标签里面
上面这荇代码,将按钮点击后的弹窗操作在标签声明的时候就绑定了.
这是一种糟糕的方法,原因如下:
WEB标准提倡结构、表现和行为相 分離现在越来越多采用这种表现和行为的方式,但它也为我们开发调试带来一些问题网页载入一堆JavaScript,我们很难搞清楚最后在哪些元素嘚哪个动作绑定了事件,尤其是JavaScript加载事件的方式五花八门可以透过jQuery、element.click = function() { }、element.addEventListener()…,很难由单一处找出所有事件而理不清事件来龙去脉,要追蹤某个点击动作背后的行为就变得有些困难直到我们遇到以下两种利器。
在启用Visual Event后有绑定事件元素将被标上蓝色区块,滑鼠停留时会顯示事件的细节如下图所示:
网页中经常需要处理各种事件,通常的做法是绑定listener对事件进行监听,当事件发生后进行一些特定处理.
监听事件的几种方法如下文.
上面这荇代码,将按钮点击后的弹窗操作在标签声明的时候就绑定了.
这是一种糟糕的方法,原因如下: