JavaScript 事件處理函式傳遞引數

admin發表於2017-03-31
JavaScript事件函式

本章節介紹一下原生的javascript如何為事件處理函式傳遞除去事件物件之外的額外引數。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript">
window.onload=function(){
  var obt=document.getElementById("bt");
  var odiv=document.getElementById("show");
  obt.onclick=(function(a,b){
    return function(ev){
      odiv.innerHTML=a+"的地址為:"+b;
    }
  })("螞蟻部落","softwhy.com");
}
</script>
</head>
<body>
<div id="show"></div>
<input type="button" id="bt" value="檢視效果"/>
</body>
</html>

上面的程式碼實現了為事件處理函式傳遞額外引數的功能，這裡是採用閉包的方式實現的。

相關文章