淺析js綁定事件的常用方法
更新時間：2016年05月15日 09:47:45 投稿：jingxian
下面小編就為大家?guī)硪黄獪\析js綁定事件的常用方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
淺析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">
/**
* 綁定事件的方式：用事件屬性綁定事件函數(shù)
* 優(yōu)點：1：完成行為的分離
* 2：便于操作當事對象，因為function是作為on***的屬性出現(xiàn)的，可直接用this引用當事對象。
* 3:方便讀取事件對象，事件觸發(fā)時系統(tǒng)自動把事件對象傳遞給事件函數(shù)，已其一個來傳
*/
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綁定事件的常用方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript Math.floor方法(對數(shù)值向下取整)
這篇文章主要介紹了Math.floor 方法用于對數(shù)值向下取整，即得到小于或等于該數(shù)值的最大整數(shù),需要的朋友可以參考下2015-01-01
使用過javascript的朋友都知道，在javascript中，變量的使用是個比較頭疼的問題，經(jīng)常會產(chǎn)生 些比較匪夷所思的結(jié)果。究其原因，大多是對javascript的變量相關(guān)知識了解得不夠透徹。2010-05-05
本文講了javascript scrollTop在各種瀏覽器中使用的不同顯示效果及正確使用方法示例2013-11-11
Javascript學習筆記之函數(shù)篇（六） : 作用域與命名空間
本文主要講述了javascript中作用域和命名空間的區(qū)別，十分的詳細，這里推薦給大家，希望小伙伴能有所收獲2014-11-11
javascript 多瀏覽器 事件大全 ，對于一些事件的使用限制于觸發(fā)方法可以參考下。2010-03-03
JavaScript操作HTML DOM節(jié)點的基礎(chǔ)教程
這篇文章主要介紹了JavaScript操作HTML DOM節(jié)點的基礎(chǔ)入門教程,包括對節(jié)點的創(chuàng)建修改刪除等操作,還特別提到了其中appendChild()與insertBefore()插入節(jié)點時需注意的問題,需要的朋友可以參考下2016-03-03
iframe 上下滾動條如何默認在下方，做的是聊天工具，數(shù)據(jù)多了，每次刷新出現(xiàn)的上下滾動默認在上方，還需下拉到下面才能看到聊天記錄，本文將介紹，如和實現(xiàn)在下方2012-12-12
關(guān)于JavaScript中的關(guān)聯(lián)數(shù)組分析
本篇文章小編為大家介紹，關(guān)于JavaScript中的關(guān)聯(lián)數(shù)組分析。有需要的朋友可以參考一下2013-04-04
Internet Explorer 11 瀏覽器介紹：別叫我IE
這篇文章主要介紹了Internet Explorer 11 瀏覽器介紹：別叫我IE,需要的朋友可以參考下2014-09-09
這篇文章主要介紹了如何使用javascript計算文本框還能輸入多少個字符,需要的朋友可以參考下2015-07-07