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 events，它可以为各种事件附加事件处理程序，包括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库看一下。

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

2 个答案: