JavaScript事件处理程序(事件侦听器)【javascript】

web前端|js教程 JavaScript事件处理程序(事件侦听器)【javascript】

事件处理

web前端-js教程

我们知道，javascript与HTML之间的交互是通过事件来实现的，事件就是用户或浏览器自身执行的某种动作，比如click、mounseover、load……,而响应事件的函数就叫做事件处理函数（或事件侦听器）。

kesion网校源码,csharp vscode调试,ubuntu12.04下载,tomcat安卓,sqlite 存储时间,网页设计小图标,mysql数据库地址是什么,服务器主机的使用方法,jquery 免费插件,vue应用前端框架,火车票爬虫,php -r,石家庄seo优化,es springboot,dedecms 自定义标签,360全景资源网站,网页图片浏览器安卓,html简易网页模板,网站后台语言,bootstrap写手机页面,asp管理系统模板下载,开发一个指针式时钟程序lzw

<br /><title>event util test</title> var eventUtil = { addListener: function(element, type, hander) { if (element.addEventListener) { element.addEventListener(type, hander, false); } else if (element.attachEvent) { element.attachEvent(‘on’ + type, hander); } else { element[‘on’ + type] = hander; } }, getEvent: function(event) { return event || window.event; //return event ? event : window.event; }, getTarget: function(event) { return event.target || event.srcElement; }, preventDefault: function(event) { if (event.preventDefault) { event.preventDefault(); } else { event.returnValue = false; } }, removeListener: function(element, type, hander) { if (element.removeEventListener) { element.removeEventListener(type, hander, false); } else if (element.deattachEvent) { element.detachEvent(type, hander); } else { element[‘on’ + type] = null; } }, stopPropagation: function(event) { if (event.stopPropagation) { event.stopPropagation(); } else { event.cancelBubble = true; } } }; <br />baidu<br /> (function() { var btn = document.getElementById(“btn”); var link = document.getElementsByTagName(“a”)[0]; eventUtil.addListener(link, “click”, function(event) { alert(“prevent default event”); var event = eventUtil.getEvent(event); eventUtil.preventDefault(event); }); eventUtil.addListener(btn, “click”, function(event) { var event = eventUtil.getEvent(event); var target = eventUtil.getTarget(event); alert(event.type); alert(target); eventUtil.stopPropagation(event); }); eventUtil.addListener(document.body, “click”, function() { alert(“click body”); }); })(); <br />

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

李逵劈鱼辅助源码,ubuntu查看编码格式,tomcat有mac版本吗,硬壳爬虫图片,php高级开发吾爱破解,seo想你lzw

事件处理