javascript用事件属性绑定事件函数用法详解

web前端|js教程

javascript,js,绑定

web前端-js教程

先介绍js添加事件通用方法，具体内容如下

asp导航页源码,ubuntu调用系统服务,tomcat的默认路径是,并行爬虫代码,php页面直接引入资源,舆论压制seolzw

源码怎么传网站,神舟战神ubuntu安装,python图片爬虫方案,php ,狼人seo综lzw

测试添加事件：firefox使用addEventListener,ie使用attachEvent

点击此p标签，绑定了2个弹出事件

微信的系统源码,vscode支持增量打包,ubuntu启动sshd,tomcat免费证书下载,sqlite管理工具用什么,网络爬虫可以爬虫ppt吗,php注册界面代码,seo优化注意事项,5173代练网站出售,magento 2.0 模板安装lzw

function test1() { alert("test1");}function test2(){ alert("test2");}//添加事件通用方法function addEvent(element,e,fn) { //firefox使用addEventListener，来添加事件 if(element.addEventListener) {element.addEventListener(e,fn,false); } //ie使用attachEvent，来添加事件 else {element.attachEvent("on"+e,fn); }}window.onload = function(){ var element = document.getElementById("p1"); addEvent(element,"click",test1); addEvent(element,"click",test2);}

js绑定事件的常用方式：

绑定事件的方式：用事件属性绑定事件函数

优点：

1、完成行为的分离

2、便于操作当事对象，因为function是作为on***的属性出现的，可直接用this引用当事对象。

3、方便读取事件对象，事件触发时系统自动把事件对象传递给事件函数，已其一个来传

window.onload=function(){ var k=document.getElementById(k).onclick=function(event){ var jj=document.getElementById(jj);jj.style.top=event.clientX+px;jj.style.left=event.clientY+px; } } #k{width:60px;height:80px; background-color:#80ffff;} #jj{width:60px ;height:80px;background-color:#ffff00;z-index:1000;position:absolute;}