JS绑定事件不起作用的一种解释

最新推荐文章于 2023-11-25 10:41:29 发布
最新推荐文章于 2023-11-25 10:41:29 发布
阅读量1k 收藏
点赞数
分类专栏： web相关 文章标签： javascript 前端 html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/O_u_c_h/article/details/124353522
版权

省流: 绑定的函数名称别用click

当绑定一个click事件，但不起作用的场景如下图
在这里插入图片描述
原因：绑定的函数名称为click，判断是命名冲突
解决：改用其他名称
在这里插入图片描述

引申：在我做了三个对比实验后发现，以其他事件名命名的函数可以工作，但唯独命名click是无法工作的，实验如下
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

Ouch!
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
23-通过JS代码处理click失效问题
学习&记录
06-04 571
有时候按钮元素已经定位到了，运行也没报错，点击后页面没有反应。这种问题是比较头疼的，因为没有任何报错，只是click事件失效了。本篇用两种方法解决这种诡异的点击事件失效问题。
关于jsp页面单击事件失效
FanJizhi的博客
03-20 4294
今天需要把一个页面弹框中的内容独立成一个单独的页面，我把其他无用的代码删掉后发现单击事件竟然失效了，虽然最后的单击事件可以用了，但是我还是不明白是什么原因造成的<无奈/>这是事件绑定无效时：$(function() { var datatableConfig =newDatable(page_Size,disable_Items,column_Show_Items,data_Conf
JQ事件动态绑定--解决动态添加的元素的事件失效
laizhixue的博客
09-28 640
$(document).on("click","#id",function(){ //事件的方法 });
【JS】动态添加的元素绑定点击事件在移动端不生效
SZnAl的博客
07-13 3468
蜂鸟视图 蜂鸟云 移动端点击事件无法触发
解决js添加元素后onclick无效问题，解决onclick无效问题
gusijin的博客
10-29 4669
解决js添加元素后onclick无效问题，解决onclick无效问题
javascript绑定click事件不生效
u013938578的博客
11-17 234
JS写某元素绑定click事件未生效，初始以为是某元素自带click方法，所以导致自己新写的click方法不生效。后来发现并不是，下面是解决办法。以上方法意在：页面初始化后，在初始化js时再进行绑定，原本不生效，可能是某元素尚未初始化完成导致失败。这也是需要保证元素已加初始化完成再进行绑定事件。然而点击某元素的时候并未生效。
JavaScript onclick无效果的原因之一
最新发布
自由如风的博客
11-25 1394
使用let使用闭包直接通过document获取元素然后修改，不要使用i写在最后，AI牛逼。
Javascript中绑定click事件的四种方式介绍
10-17
在JavaScript中，为元素绑定click事件是实现用户交互的关键步骤。今天我们将深入探讨四种不同的方法来实现这个功能。每种方法都有其特定的用例和优势，了解它们可以帮助我们更好地优化代码。 首先，我们来看第一种...
深入理解JS的事件绑定、事件流模型
10-18
JavaScript中的事件绑定和事件流模型是前端开发中的重要概念，它们是实现用户交互和页面动态性的基础。在本文中，我们将深入探讨这两个主题。 一、JS事件 1. **事件分类**： - 鼠标事件：如`click`, `dbclick`, `...
JS中动态添加事件(绑定事件)的代码
12-04
两种方式：直接给对象添加事件,节点添加事件 例如给一个id为tab1的添加onclick事件 第一种情况： 代码如下: var t = document.getElementById(“tab1”); t.onclick = function tst(){ alert(”); } 第二种...
理解JS绑定事件
10-22
- 第一种情况：所有事件处理程序都在冒泡阶段，当点击`inner`元素时，依次触发`inner`、`middle`和`out`的事件处理函数。 - 第二种情况：所有事件处理程序都在捕获阶段，点击`inner`元素时，事件处理函数的触发...
js实现动态创建的元素绑定事件
10-21
在JavaScript中，有多种方法可以实现动态元素的事件绑定，但传统的方法对于新创建的元素可能不起作用。这里我们将详细探讨如何使用jQuery库中的`live()`方法来解决这个问题。 首先，让我们理解什么是动态创建的元素...
有关jsp中onclick事件无效的原因，以及jsp中页面加载顺序的问题
Sunny__wei的博客
05-05 7293
今天在写jsp页面时遇到一个有关onclick事件无效的问题，在这里分享一下： <body> <div> <input type="text" id="name"/> </div> <div id="hint"> <ul id="ul" > <li onclick="voluation();">aa</li> </ul> </div> </body>
关于JSP页面点击按钮没反应，方法没有执行的检查
热门推荐
YANGYYID的博客
11-22 1万+
本人前端知识属于菜鸟级的，不喜勿喷。。前不久，在调试一个页面的时候，点击页面上的一个按钮，按钮绑定的事件并没有执行。好奇怪，以为是方法名写错了，检查一下完全一样啊。好郁闷，网上有说是onclick和onClick的区别，但是还是不行啊。经过一番摸索，原来是方法名用到了JSP里面的保留字。。还有这个限制，真实醉了。在此，本人总结一下出现诸如此类方法的检查手段： （1）id元素是否有重复  （2）
jquey && javascript 绑定点击事件(click事件无反应，因js获取不到当前的点击项)
凌风的博客
07-02 2601
//点击播放单词音频 $(document).off("click").on("click", ".audiolins", function (event) { event.stopPropagation(); var au...
关于js中无法绑定点击事件
weixin_57742552的博客
06-28 693
在js文件中添加点击事件失败，但是HTML中onclick就能成功。 解决办法：将js的引用的script标签放到</body＞的后面。这样在页面渲染之后再执行js代码。
js ajax事件绑定事件绑定事件,解决给dom元素绑定click等事件无效问题的方法
weixin_34898320的博客
08-05 590
之前一直遇到js插件生成的元素，click事件无效的问题，重新绑定也不行，终于找到解决方法，在此记下来。同时加深对js事件处理机制的理解。1. 事件被解绑这种情况下一般不会导致click失效，但以下情况，click事件就失效了：$(function(){$('.btn').unbind()})$('.btn').click(function(){//...})所以，click事件要有个好习惯：$(...
js中对a标签增加click事件，事件不生效的解决方案
MMryyy的博客
04-24 1560
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/MMryyy/article/details/89477032 js中对a标签增加click事件，事件不生效的解决方案 html 写在元素上onclick里面的函数changeContent，函数里面使用的this指向全局对象window，而不是指向该元素 那么要获取onclick所在节点的objec...
高德js 点击事件解除map.off不起作用
08-19
您好！对于高德地图的点击事件，解除事件绑定可以使用`map.off`方法。但是如果`map.off`方法不起作用，可能有几种可能的原因： 1. 事件绑定错误：请确保您正确地绑定了点击事件，并且使用相同的参数来解除绑定。检查一下您的代码，确认是否正确使用了`map.on`来绑定点击事件。 2. 作用域问题：如果您在不同的作用域中绑定和解除事件，可能会导致解除事件时无法正确找到对应的绑定。请确保您在相同的作用域中进行事件绑定和解除。 3. 异步操作：如果您在绑定事件后立即解除绑定，有可能会因为异步操作导致解除不起作用。您可以尝试使用`setTimeout`延迟一段时间再解除事件绑定，确保在解除前事件已经被触发过。 如果以上方法都没有解决您的问题，请提供更多的代码信息，以便我更好地帮助您解决问题。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值