按钮点击_点击按钮无反应？1 秒定位问题！

最新推荐文章于 2022-07-06 16:22:13 发布
最新推荐文章于 2022-07-06 16:22:13 发布
阅读量5.1k 收藏 7
点赞数
文章标签： 按钮点击
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_42121725/article/details/112663632
版权

484cb4f611f542ba83bcc05062cf5210.png

关注并置顶【柠檬班】

就能第一时间找到呦~

01d68dc6ee466c3f211435879335b802.gif

柠檬班群里有同学问问题，问题如下：

50796e45dcdd96f9077831a6997a3bdf.png

控件是啥？

如果不理解，那么我们暂且理解为一个页面上的按钮吧。

如果你点击了这个按钮，没有反应，我们应该如何定位问题呢？

1

从测试角度分析

确定是否所有浏览器都是点击没有反应。

如果是：那么就是这个按钮没法点击。

如果不是，那么就是某个浏览器才会有这个问题，直接提bug。 

确定是点击了之后，但是是没有呈现点击效果，直接提交bug。

2

从开发角度分析

如果说点击页面上的某个按钮，比如说一个编辑用户信息的页面，当我们填写完用户信息，点击保存按钮的时候，正常情况下是提示保存成功。

但是如果发现没有任何反应，则可能是以下原因：

① js有错误

验证方法可以打开浏览器的调试器，按F12，然后看console是不是有错误。

最好的调试器是火狐firefox的firebug。

安装了这个插件，查看页面请求，js是否有错误都非常方便。

② js没错误

保存按钮绑定的事件未触发。

可能原因：如果是jquery事件，可能是jquery选择器未绑定到正确的页面元素上，所以导致事件没触发。

③ js没错误

按钮点击后，触发了事件，也提交了请求到后台，但是页面无反应。

可能原因：后台发生了错误，而且如果这个页面请求是ajax请求，在ajax回调函数里对于服务器异常的情况未作处理，所以页面无任何反应。

这个时候可以打开firebug查看提交到后台的请求，如果返回码是500，则说明是服务器后 台发生了错误。

④ js没错误

提交了请求到后台请求返回码也不是500，是404。

这种情况是因为请求后台的接口地址错误。

⑤ js没错误

按钮点击后，触发了事件，也提交了请求道后台，返回码也不是500，不是404，是400。

这种情况是说明这个请求是非法请求，很有可能是因为请求参数有问题而导致的。

d8f9653c13d6676b34b792f7baf4ff86.png

本文转载至柠檬班社区

未经允许，谢绝转载

http://www.lemfix.com/topics/70

9c97f8c1375e1da6465b7ef11db74513.png

 1eea03634ec43ea25094f9c0933c563d.gif

点击文字即可阅读全文

☞我的第一次埋点功能测试

☞如何利用Jmeter测试上传文件

☞说说这两天写Python导包遇到的坑！

☞接口测试用例和报告模板，拿走不谢！             

你的“好看”就是最好的新年礼物
以网为生
关注
selenium点按钮 报错_selenium点击按钮不触发
weixin_31222161的博客
12-31 212
想要抓取今年运动会的成绩，然后网页内有选择日期的按钮，但是我用selenium点击，没反应，报错了，不知道是哪里有错误，请各位大神指教，代码如下：from selenium import webdriverbrowser = webdriver.Chrome()url = 'http://results.tianjin2017.gov.cn:81/#eyJNb2R1bGVzIjp7IkluZGV4...
软件测试点击按钮无反应,IDEA Run点击无反应？
weixin_39885067的博客
07-27 1510
前言：因为一个个非常愚蠢的问题，浪费了几个小时时间，感觉有必要记录一下。。。(ps:心中默念：我不是在水文章。。。我是在讲段子。。。)正文：事情的起因是这样的：昨天开发了一个新功能，打算今天写个测试用例测一下。写完测试用例以后，想右键run一下看结果，结果点完以后idea完全没有反应。然后尝试点击toolbar 上的run 按钮，run变成灰色了。。。image点击debug 按钮，debug变成...
jQuery的Ajax时无响应数据的解决方法
12-09
代码如下: $.ajax( { type: “POST”, url: “/MemberComment.aspx/GetOrderToBeCommentCount”, success: function(result) { //ToDo: } ) 使用时JS也没有报错。这个是我最郁闷的事了。不知道哪错。。 5分钟。。。10分钟。。。。20分钟。。。。。 从c#代码到浏览器一个个排查问题发现都OK。 最后问题的原因是改为如下就OK，少了2个属性： 代码如下: $.ajax( { type: “POST”, contentType: “application/json”, url: “/Memb
ajax请求无反应_Web测试中，点击控件没有反应，这属于前台问题还是后台问题？...
weixin_39747755的博客
11-27 1392
柠檬班群里有同学问问题，问题如下：控件是啥？如果不理解，那么我们暂且理解为一个页面上的按钮吧。如果你点击了这个按钮，没有反应，我们应该如何定位问题呢？确定是否所有浏览器都是点击没有反应。如果是：那么就是这个按钮没法点击。如果不是，那么就是某个浏览器才会有这个问题，直接提bug。 确定是点击了之后，但是是没有呈现点击效果，直接提交bug。如果说点击页面上的某个按钮，比如说一个编辑用户信息的页面，当我...
.ajax 没有反应,AJAX没有反应
weixin_42509766的博客
08-05 1014
我正在讨论这个问题，不知道什么是错的。 我想要做的是一个简单的AJAX调用，从数据库中获取当前菜单的图像和缩略图的URL。 我的文字像这样我的对象里面的函数：AJAX没有反应 ​​它引用一个PHP文件与下面的代码：require_once('fns/classes/graphics.php');if(isset($_POST['menu_id']) && !empty($_POST...
按钮点击未跳转如何定位问题
weixin_45433224的博客
07-06 1123
问题：H5页面按钮或者链接点击后无反应，正常应该跳转到另一个页面 1.首先根据异常的表现去做基本判断 1）只是简单的页面跳转，无接口请求 如果点击后只是单纯的触发页面跳转（可以询问前端开发），那么可以判断为前端开发过程中功能遗漏，问题可以记录禅道移交给前端开发 2）点击事件触发接口请求 判断是否有提示，如果有提示，需要校验提示语是否和需求文档一致，实在定位不了，就只能通过抓包来判断。没有提示也通过抓包，根据接口返回来定位问题 是否有提示 a：有提示且异常提示很明确。比如，提示用户名称未填写，但是实际需求
ajax无反应
大龙的编程学习笔记
04-22 1604
ashx文件不要用中文命名。
解决layui页面按钮点击无反应,也不报错的问题
10-16
在Web开发中，使用流行的前端框架layui可能会遇到页面元素交互问题，例如按钮点击后既无响应也没有错误信息反馈。...希望以上信息能够帮助遇到同类问题的开发者快速定位并解决按钮点击无反应的问题。
phpcms_v9 后台上传图片按钮无法点击
06-21
在PHP CMS v9系统中，用户可能会遇到一个棘手的问题：后台上传图片的按钮变得无法点击。这个问题主要是由于现代浏览器逐渐淘汰对Flash的支持所引起的。Flash曾是网页中用于多媒体内容展示的重要技术，但因其安全性和...
JS控制鼠标拒绝点击某一按钮的实例
10-18
1. `onmouseover`事件处理器通过修改按钮的`position`属性为`absolute`，以及改变其`top`和`left`值，实现鼠标移动到按钮上时随机移动按钮位置的效果，使得用户难以准确点击按钮。 2. `onclick`事件处理器则用于...
ajax按钮点击无响应问题
weixin_44315397的博客
07-28 2831
记录一个刚学ajax时遇到的问题。 给按钮绑定点击事件，无响应。正常情况下应该是跳出弹窗 。 1、检查依赖是否导入成功。 2、检查js目录是否在webapp下。 3、检查head标签内的script导入的文件是不是.js结尾。 我把第二和第三个都给犯了，唉~ 下面是一个简单的例子 <head> <title>title</title> <script type="text/javascript" src="js/jquery-3.4.1.js"&gt
ajax没有任何反应,ajax  没反应
weixin_33764069的博客
08-05 926
ajax没反应0yumen11302013.12.20浏览106次分享举报我的servletpackage ajax;@SuppressWarnings("serial")public class ajaxaction extends HttpServlet{@Overrideprotected void doGet(HttpServletRequest arg0, HttpServletRe...
ajax 请求按钮反复点击，没请求反应
qq_37833745的博客
10-13 1741
前言：Ajax请求时候： 浏览器对： GET 方式请求默认获取缓存数据， POST 方式请求默认不会从缓存中取数据，从服务端获取数据 bug原因: 在IE6中用ajax请求时，如果出现 重复的URL，参数无变化，浏览器不会向服务器发送请求，在默认情况下浏览器会针对请求地址，缓存Ajax请求的结果。原因，在缓存过期之前，针对相同地址发起的多个Ajax请求，只有第一次会真正发送到服务端。 解决办法： 1 : 通过为URL地址添加随机数...
点击按钮没有反应
ljf12138的博客
11-21 4714
具体排查流程 先点击F12，再点击"创建"按钮 观察你的Network，看看请求有没有发出去 如果请求没有发出去，一定是该方法中有js代码写错语法了，排查语法，可以使用简单的alert弹框去做标记 如果请求发出去了，请看第二步 在你的ajax的回调函数中第一行，加入alert(data) 观察结果 如果弹框没反应 说明是后台代码出错了，进入到第三步 如果弹出了 object Object，...
ajax加无反应,ajax无反应
weixin_28737399的博客
08-05 277
ajax无反应0CWHISME2013.04.08浏览76次分享举报function getObject(){var ajax=false;try {ajax = new ActiveXObject("MSXML2.XMLHTTP");} catch (e) {try {ajax = new ActiveXObject("Microsoft.XMLHTTP");} catch (e) {ajax ...
ajax没效果,ajax没有反应
weixin_42504214的博客
08-05 884
不懂为什么没有反应，之前没用过ajax，不知道ajax要不要配置啥东西String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>My JSP 'indes.js...
Ajax提交无响应
gq__97的博客
12-13 5169
Ajax提交无响应问题描述出错原因解决方法 问题描述 部分代码如下： ... &lt;script&gt; ... /*根据id获取对象*/ function $(str) { return document.getElementById(str); } ... &lt;/script&gt; &lt;script&gt; function confirmReceive(){ ...
ajax按钮没有反应,ajax没有按下按钮
weixin_36172296的博客
08-05 230
6 个答案:答案 0 :(得分：2)您应该将对象用于请求数据：datas = {topic_id:rel};你需要在ajax回调成功中继续引用'this'：$('#subscribe').live('click', function(){var $self = $(this);rel = $self.attr("rel");datas = "topic_id="+rel;$.ajax({type:...
ajax为何没有反映?
leeking
05-29 252
我在写ajax程序调用action的时候,为什么没有反映?但是在参数后面+上一个不同的数值他就会去调用action,大家能帮解释下吗? (struts中的应用)
点击按钮没反应
最新发布
03-22
<think>好的，我现在要帮助用户解决在Adobe Animate 2021中使用HTML5 Canvas时点击按钮没反应的问题。用户之前已经按照指南操作，但按钮点击无效，需要找出原因。 首先，我需要回顾之前提供的解决方案，确认可能的遗漏或错误点。之前的代码中涉及创建视频元素、按钮事件监听以及视频播放逻辑。可能的问题点包括按钮实例名称是否正确、事件监听是否正确绑定、视频路径是否正确、本地服务器配置以及跨域问题等。 接下来，用户提到按钮点击没反应，可能的原因有几个方面： 1. **按钮实例名称是否正确**：用户可能在库中创建的按钮元件没有正确设置实例名称，导致代码中的`this.playBtn`无法找到对象。需要确认按钮在舞台上的实例名称是否为“playBtn”。 2. **事件监听是否正确注册**：代码中的`this.playBtn.addEventListener`是否正确绑定到按钮上。可能在时间轴上，按钮所在的帧或作用域不同，导致`this`指向错误，无法正确获取按钮实例。 3. **视频路径问题**：视频文件的路径是否正确，是否放置在项目文件夹的videos子目录下，文件名是否匹配。如果路径错误，控制台会报404错误。 4. **本地服务器运行**：由于安全限制，直接通过文件系统（file://协议）运行可能会导致视频无法加载或事件被阻止。需要确认用户是否通过本地服务器（如Live Server）运行项目。 5. **跨域问题**：如果视频文件来自不同域，可能会被浏览器阻止。需要确保视频与HTML文件同源，或服务器配置允许跨域访问。 6. **代码执行顺序问题**：是否所有代码都放在第一帧，确保元素在初始化时已经存在。如果代码放在后面的帧，可能按钮还未实例化，导致事件监听失败。 7. **控制台错误信息**：用户可能没有查看浏览器控制台，无法看到具体的错误信息，如未找到元素、路径错误或权限问题。 接下来，我需要逐步引导用户检查这些可能的问题点，并提供对应的解决方案。例如，检查实例名称、添加控制台日志调试、确认本地服务器运行、检查视频路径等。同时，可能需要修改代码，添加错误处理，如`console.log`输出，帮助用户定位问题。 另外，用户可能需要了解如何正确设置本地服务器，比如使用VS Code的Live Server扩展，或者配置简单的HTTP服务器，避免跨域问题。同时，提醒用户检查浏览器控制台的错误信息，以便更快诊断问题。 最后，提供修改后的代码示例，加入调试语句，并建议用户逐步测试每个环节，从按钮点击事件是否触发，到视频加载是否成功，再到播放是否被阻止。可能需要分步骤验证，确保每个部分正常工作。</think>以下是针对按钮点击无响应的详细排查与解决方案： **一、基础排查步骤** 1. **检查按钮实例名称** (关键步骤) - 在舞台上选中按钮 - 属性面板 > 实例名称必须为 `playBtn` (区分大小写) - 确认按钮位于主时间轴(_root)第一帧 2. **添加调试输出** (验证事件绑定) ```actionscript // 修改事件监听代码为： this.playBtn.addEventListener("click", function(e) { console.log("按钮被点击"); // 添加调试语句 playVideo(e); }); // 在浏览器控制台(按F12)查看是否输出此信息 ``` 3. **验证元素层级** (确保按钮可点击) ```actionscript // 在按钮属性面板检查： - 按钮的X/Y坐标应为正数 - 确保没有其他元素覆盖按钮 - 透明度(alpha)应设为100% ``` **二、常见问题解决方案** **问题1：事件未绑定成功** ```actionscript // 修正方案：使用正确的作用域 var _this = this; // 保存当前作用域 _this.playBtn.addEventListener("click", function(e) { console.log("事件触发"); playVideo(e); }); // 或使用箭头函数 this.playBtn.addEventListener("click", (e) => playVideo(e)); ``` **问题2：视频加载失败** ```actionscript // 修改播放函数添加错误处理 function playVideo(e) { var videoElement = document.getElementById("myVideo"); // 添加错误监听 videoElement.addEventListener("error", function(err) { console.error("视频错误：", videoElement.error); }); if (!videoElement.src) { videoElement.src = "videos/sample.mp4"; videoElement.load(); } videoContainer.visible = true; // 添加播放承诺处理 var playPromise = videoElement.play(); if (playPromise !== undefined) { playPromise.catch(error => { console.log("自动播放被阻止：", error); // 添加点击后手动播放 document.body.addEventListener("click", function() { videoElement.play(); }, { once: true }); }); } } ``` **三、完整修正代码** ```actionscript // 第一帧代码 (重要：必须放在主时间轴第一帧) var videoContainer, playBtn; function init() { // 创建视频容器 videoContainer = new createjs.DOMElement(document.createElement("video")); videoContainer.element.id = "myVideo"; videoContainer.element.style.position = "absolute"; videoContainer.element.setAttribute("width", "640"); videoContainer.element.setAttribute("height", "360"); videoContainer.element.setAttribute("playsinline", ""); // 移动端必备 // 获取按钮引用 playBtn = this.playBtn; // 确保舞台上有同名按钮 // 事件绑定 playBtn.addEventListener("click", handlePlayClick); // 初始状态 videoContainer.visible = false; stage.addChild(videoContainer); } function handlePlayClick(e) { console.log("点击事件触发"); var videoElement = document.getElementById("myVideo"); if (!videoElement.src) { videoElement.src = "videos/sample.mp4"; videoElement.load(); } videoContainer.visible = true; // 现代浏览器自动播放策略处理 var playPromise = videoElement.play(); if (playPromise !== undefined) { playPromise.then(_ => { console.log("自动播放成功"); }).catch(error => { console.log("需要用户交互：", error); // 添加覆盖层点击处理 var overlay = new createjs.Shape(); overlay.graphics.beginFill("#00000000").drawRect(0,0,stage.canvas.width,stage.canvas.height); overlay.addEventListener("click", function() { videoElement.play(); stage.removeChild(overlay); }); stage.addChild(overlay); }); } } // 初始化执行 init(); ``` **四、强制检测清单** 1. **浏览器控制台检测** (按F12) - 查看是否有红色错误提示 - 检查Network标签是否成功加载视频文件 2. **本地服务器检测** ``` 正确路径示例：http://localhost:5500/project_folder/ 错误路径示例：file:///C:/project_folder/index.html ``` 3. **视频文件验证** - 使用VLC播放器确认视频可正常播放 - 检查文件编码格式(H.264 + AAC) - 文件大小写必须与代码中的路径完全一致 **五、高级调试方案** 1. 在浏览器中直接测试： ```javascript // 在控制台输入以下命令手动测试 document.getElementById("myVideo").play().then(()=>console.log("手动播放成功")) ``` 2. 检查安全头部信息： ``` // 本地服务器需要配置(适用于XAMPP等) <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> ``` 3. 使用视频预加载方案： ```actionscript // 在init函数中添加预加载 var preload = new createjs.LoadQueue(); preload.loadFile({src:"videos/sample.mp4", type:"video"}); preload.on("complete", function() { console.log("视频预加载完成"); }); ``` 请按照以上步骤逐步排查，如果问题仍未解决，请提供以下信息： 1. 浏览器控制台截图 2. 文件目录结构截图 3. 按钮属性面板截图 4. 视频文件的媒体信息(可通过mediainfo工具获取)
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值