使用jQuery动态添加onClick事件

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (945)

由于使用的插件,我不能添加“onclick”属性到HTML表单输入。插件正在处理我的站点中的表单部分,它没有给出自动执行此操作的选项。

基本上,我有这样的输入:

<input type="text" id="bfCaptchaEntry" name="bfCaptchaEntry" style="">

我希望在jQueryonload中添加onClick,使其如下所示:

<input onClick="myfunction()" type="text" id="bfCaptchaEntry" name="bfCaptchaEntry" style="">

我该怎么做呢?

提问于
用户回答回答于

你可以使用click事件并调用函数或将逻辑移到处理程序中:

$("#bfCaptchaEntry").click(function(){ myFunction(); });

你可以使用click事件,并将函数设置为处理程序:

$("#bfCaptchaEntry").click(myFunction);

可以使用on事件绑定到"click"并调用你的函数或将你的逻辑移到处理程序中:

$("#bfCaptchaEntry").on("click", function(){ myFunction(); });

你可以使用on事件绑定到"click"并将函数设置为处理程序:

$("#bfCaptchaEntry").on("click", myFunction);
用户回答回答于

试试下面的方法,

$('#bfCaptchaEntry').on('click', myfunction);

或者,如果jQuery不是绝对必要的,那么尝试下面的方法,

document.getElementById('bfCaptchaEntry').onclick = myfunction;

但是,上面的方法没有什么缺点,因为它将onClick设置为属性,而不是注册为处理程序

扫码关注云+社区

领取腾讯云代金券

玩转腾讯云 有奖征文活动