下面小编就为大家带来一篇浅析 js 绑定事件的常用方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
浅析 js 绑定事件的常用方法
- <?xml version="1.0" encoding="UTF-8" ?>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <title>
- JS事件绑定
- </title>
- <script type="text/javascript">
- /**
- * 绑定事件的方式:用事件属性绑定事件函数
- * 优点: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';
- }
- }
- </script>
- <style>
- #k{width:60px;height:80px; background-color:#80ffff;} #jj{width:60px ;height:80px;background-color:#ffff00;z-index:1000;position:absolute;}
- </style>
- </head>
- <body>
- <div id="k">
- </div>
- <div id="jj">
- </div>
- </body>
- </html>
以上这篇浅析 js 绑定事件的常用方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持 phperz。
来源: http://www.phperz.com/article/17/0227/265779.html