使用脚本设置onclick事件 [英] set onclick event using script

问题描述

我想让我的脚本设置 onclick c < div> ; 。

我使用这个Html代码：

I use this Html code:

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

当用户点击< div> a forgotpass（）函数运行，但我不想使用这个：

I want when a user clicks the <div> a forgotpass() function to run, but I do not want to use this:

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

推荐答案

纯JavaScript： / p>

Pure 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, eventName, handler) {
  if (element.addEventListener) {
    element.removeEventListener(eventName, handler, 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();
  });
});

这篇关于使用脚本设置onclick事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！