javascript - 单独文档中的事件处理程序

Question

我得到了这个 HTML：

<a href="http://www.commercial.com" onclick="confirmLeave()" target="_blank"> 

和

<IMG SRC="folder/picture_small.jpg" alt="Desrciption" onClick="view(this);">

然后我用这个 JS 代码得到了一个单独的 Javascript 文档：

  function confirmLeave()
  {
     if(confirm("Do you want to leave my page??")) {
      return true;
    } else {
      if(window.event) {
        window.event.returnValue = false;
      } else {
        e.preventDefault();
      }
      return false;
    }
  }

和

function view(img) {
   imgsrc = img.src.split("_")[0] + "_big.jpg";
   viewwin = window.open(imgsrc,'viewwin', "width=790,height=444,location=0");  
  viewwin.focus();  
}

我也想将我的事件处理程序移动到我的 javascript 文档中，因此我不需要在我的 HTML 中使用 onClick 命令。我该怎么做呢？

Answer 1

如果您乐于使用 jQuery，那么您可以使用jQuery 事件，它可以让您为各种事件附加事件处理程序，包括click。

HTML...

<div id="target">
  Click here
</div>

单独的 JavaScript 文件...

$("#target").click(function() {
  alert("Handler for .click() called.");
});

Answer 2

这很简单：

document.getElementById("mylinkid").onclick = confirmLeave;

顺便说一句，您应该看看（现代）JavaScript 库。