前台按钮点击没有反应，onclick事件无法作用（JS事件失效）

最新推荐文章于 2023-11-25 10:41:29 发布

weixin_33912638

最新推荐文章于 2023-11-25 10:41:29 发布

阅读量1.5w

点赞数 1

文章标签： javascript 前端 python ViewUI

原文链接：https://my.oschina.net/sprouting/blog/682804

版权

2019独角兽企业重金招聘Python工程师标准>>>

工作中遇到一个非常奇怪的问题，JS的onclick事件无法起作用！

前台页面如上，点击上一步的时候可以回到上一步，但点击下一步的时候却没有任何反应。碰到这种问题，首先检查的是语法。

从上图看，上一步和下一步基本没有什么区别，点击onclick 也可以通过IDE帮你找到要执行的函数

最为关键的是，这个onclick方法压根就没被触发，在浏览器中对JS打断点，上一步可以进入到JS中去，而下一步却没有反应！

检测函数中传入的参数，也能正常输出，最终查询到问题的结点

在写前台JS的时候，id和函数名不能一致，否则就会导致onclick失效，修改了函数的名字，问题解决！

转载于:https://my.oschina.net/sprouting/blog/682804

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33912638

关注关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
前台按钮点击没有反应，onclick事件无法作用（JS事件失效）

2019独角兽企业重金招聘Python工程师标准>>> ...
复制链接

扫一扫

23-通过JS代码处理click失效问题

学习&记录

06-04

543

有时候按钮元素已经定位到了，运行也没报错，点击后页面没有反应。这种问题是比较头疼的，因为没有任何报错，只是click事件失效了。本篇用两种方法解决这种诡异的点击事件失效问题。

异常记录 | onClick 点击事件无反应控制台无报错

虎鲸虎鲸

02-28

1697

情况描述换了写法也点击无效；与先前正常运行的文件中语句比对，点击事件使用没有差异有关代码（React） <div> <Button type="primary" icon="plus" style={{float:'right', margin: 10}} ...

参与评论您还未登录，请先登录后发表或查看评论

利用JS实现按钮onclick提交表单时，按钮无法响应问题

在到处之间找我

04-14

5510

<%@page import="dao.library.com.UserDao"%> <%@page import="java.util.List"%> <%@page import="entity.library.com.User"%> <%@page import="java.util.ArrayList"%> &

IE8的JavaScript点击事件(onclick)不兼容的解决方法

01-19

博客园闪存分页是用JavaScript生成的，今天发现在IE8下点击页码不能翻页，翻页操作是在当前页码的onclick事件中进行的。开始代码是这么写的：代码如下:var a = document.createElement(“a”);a.setAttribute(“onclick”, this.ClickFunctionName + “(” + pageIndex + “);Pager.SetCurrent(” + pageIndex + “);”);由于IE8不支持setAttribute方法，这里添加的onclick事件处理程序并未添加上。后来改为jQuery的attr方法：代码如

onclick事件没有反应的五种可能情况。

热门推荐

qq_33481269的博客

11-07

6万+

onclick=”alert()” 事件没有反应的几种情况。第一：双引号包括双引号，将里面的双引号改为单引号。第二： A没有赋值你或者 a的赋值写在了script里面，而没有写在head里面。这就是公共变量的问题。第三事件调用的是方法，是方法就应该加（）小括号。忘了加小括号。第四方法名是name（）。可能与某些关键词冲突，换一个名字或者加个123以示区别就行

jquey && javascript 绑定点击事件(click事件无反应，因js获取不到当前的点击项)

凌风的博客

07-02

2601

//点击播放单词音频 $(document).off("click").on("click", ".audiolins", function (event) { event.stopPropagation(); var au...

解决js添加元素后onclick无效问题，解决onclick无效问题

gusijin的博客

10-29

4662

解决js添加元素后onclick无效问题，解决onclick无效问题

onclick事件没有反应的五种可能情况

qujing_1120的博客

08-07

4955

JavaScript给按钮绑定点击事件（onclick）的方法

12-29

本文实例讲述了JavaScript给按钮绑定点击事件（onclick）的方法。分享给大家供大家参考。具体分析如下：我们可以通过设定按钮的onclick属性来给按钮绑定onclick事件 <!DOCTYPE html> <html> <head>...

JS基于onclick事件实现单个按钮的编辑与保存功能示例

01-21

本文实例讲述了JS基于onclick事件实现单个按钮的编辑与保存功能。分享给大家供大家参考，具体如下：该实例可以实现点击同一个按钮实现编辑和保存的功能： <!DOCTYPE ...

IE6下链接a的onclick事件点击无反应的处理方法

Wonder专栏

07-31

5778

原先写的脚本在chrome，ff，ie89下都能正常运行，可偏偏有些人用的是ie6这个古老而又被遗弃的浏览器。好吧，没办法，经过排查发现在ie6下a标签的onclick事件会不起作用的，这是因为IE6内核解释a标签的方式认为href的优先级要高于onclick ，这会造成onclick方法不起作用。之前脚本 onclick="goToUrl(....)" href="javascript

RN TouchableOpacity点击事件不响应原因详解

https://www.xiaohongshu.com/user/profile/5f3543150000000001002b2e

12-20

2894

问题首先是整个页面布局如上：在实际开发中发现如下红框中的所有区域点击事件均没有效果，不会触发问题定位 RN基本触摸组件尝试 TouchableHighlight、TouchableNativeFeedback、 TouchableOpacity 、 TouchableWithoutFeedback onPressIn：点击开始； onPressOut：点击结束或者离开； onPress：单击事件回调； onLongPress：长按事件回调。以上触摸事件无论怎么尝试在红框区域

前端----谈谈移动端点击事件

weixin_40756572的博客

08-17

4743

浅谈移动端的click事件被tap事件代替的原因 1. 移动端点击事件click出现延迟工作中接触了移动端，发现同事们都会用如下代码去写移动端的点击事件，尝试使用，屡试不爽，一旦没有用下边这段代码，点击事件就会出现各种各样的问题，在连续使用了N多次之后（本人并没有爱钻研的精神~~有点儿懒），终于决定自己上网查一些资料，看看到底是什么原因呗。（解释jquery的方法data()：在匹配元素上存...

解决onclick函数无法触动问题（小概率事件）

qq_43631735的博客

02-02

186

当你发现最简单的οnclick="alert(‘1’);"都无法触动时，检查页面中的z-index属性，看看设置onclick的标签是否被其他层覆盖了。 ps:我终于知道最底层z-index为什么要设置成-1了，真的无语，我真是个垃圾 ...

解决JavaScript中点击事件onclick找不到执行方法

qq_45535776的博客

04-08

6686

解决点击事件执行方法时浏览器出现Uncaught ReferenceError: saveForm is not defined at HTMLButtonElement.onclick (systemBuckUp:126:112) onclick @ systemBuckUp:126

JavaScript onclick无效果的原因之一

最新发布

自由如风的博客

11-25

1382

使用let使用闭包直接通过document获取元素然后修改，不要使用i写在最后，AI牛逼。

javascript中onclick失效

置酒天晴的博客

10-20

4354

在帮新人解决问题时无意间发现了这个问题，记录下来给大家分享一下。请问，下面代码存不存在错误？ <div id="a" style="width: 200px;height: 300px;background: #00FF00;">单击变红色</div> <div id="b" style="width: 200px;height: 300px;background: blue;">双击变黄色</div> <script>

onclick无法生效的可能原因

weixin_45663625的博客

03-23

2972

onclick的作用域问题： onclick需要调用的是全局作用域下的函数如果onclick的函数在另一个函数中，且使用的是 function()和var xxx = function()则无法调用因为他俩的作用域是在方法内，相当于方法中的方法所以无法调用到因此如果一定要在内部使用，则需要使用 xxx（函数名） = function(){} 才可以。 ...

android focusableInTouchMode设置为true导致OnClick事件失效，点击两次生效

07-10

您好！关于您提到的问题，可能是由于您将android:focusableInTouchMode属性设置为true导致OnClick事件失效的情况。focusableInTouchMode属性会影响View在触摸模式下的焦点处理。当您将focusableInTouchMode设置为true时，View会在触摸模式下获取焦点。这意味着首次点击View时，它会获取焦点并触发OnFocusChangeListener，而不是直接触发OnClick事件。只有在第二次点击时，View才会触发OnClick事件。要解决这个问题，您可以尝试以下几种方法： 1. 将android:focusableInTouchMode属性设置为false，这样View将不会在触摸模式下获取焦点，直接触发OnClick事件。 2. 在OnClick事件中添加逻辑来处理点击事件，而不仅仅依赖于焦点变化。 3. 如果您需要同时使用OnFocusChangeListener和OnClick事件，可以考虑使用OnTouchListener来处理点击事件，而不是依赖于OnClick事件。希望以上信息对您有帮助！如果还有其他问题，请随时提问。