javascript – 使用脚本设置onclick事件

前端之家收集整理的这篇文章主要介绍了javascript – 使用脚本设置onclick事件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想让我的脚本设置一个< div>的onclick属性.

我使用这个Html代码

<div id="forgotpass">Forgot Password?</div>

我想要用户点击< div>一个forgotpass()函数来运行,但是我不想使用这个:

<div id="forgotpass" onclick="forgotpass();">Forgot Password?</div>

解决方法

纯JavaScript:
function addListener(element,eventName,handler) {
  if (element.addEventListener) {
    element.addEventListener(eventName,handler,false);
  }
  else if (element.attachEvent) {
    element.attachEvent('on' + eventName,handler);
  }
  else {
    element['on' + eventName] = handler;
  }
}

function removeListener(element,handler) {
  if (element.addEventListener) {
    element.removeEventListener(eventName,false);
  }
  else if (element.detachEvent) {
    element.detachEvent('on' + eventName,handler);
  }
  else {
    element['on' + eventName] = null;
  }
}

addListener(document.getElementById('forgotpass'),'click',forgotpass);

jQuery的:

$(document).ready(function() {
  $("#forgotpass").click(forgotPass);
});

要么:

$(document).ready(function() {
  $("#forgotpass").click(function() {
    forgotPass();
  });
});

猜你在找的JavaScript相关文章