开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >jQuery按钮调试-确定导致导航/回发事件的原因

问jQuery按钮调试-确定导致导航/回发事件的原因
EN

Stack Overflow用户

提问于 2010-11-03 20:51:08

回答 1查看 302关注 0票数 0

我有一个jQuery UI按钮，它在jqGrid列中使用。此按钮将被禁用，直到触发onSelectRow事件并启用行的相应按钮为止。

生成该按钮时，其外观如下所示(psudocode)。

<button id=\"" + ids[i] + "_SaveButton\" class=\"SaveButton\" onclick=\"return false;\">Save</button>

$(".SaveButton").button({ icons: { primary: 'ui-icon-check' }, text: false, disabled: true }).css({ width: "45px" });

onSelectRow: function () {
     $("#" + _LastSel + "_SaveButton").button("disable");
     $("#" + ID + "_SaveButton").button("enable");
}

此按钮必须返回false，以防止页面回发发生。

我的问题在于，当onSelectRow事件触发时，我所有代码中的某个地方都会发生回发。

有趣的是，只有当包含保存按钮的列触发onSelectRow时才会发生这种情况，但我偏离了。

基本上，我希望有人能告诉我如何确定什么事件以及哪个DOM元素触发回发。我试图使用jQuery.unload() 事件，但这并不提供触发它的原因的信息(至少从通过eventData对象可以看到的情况来看)。

有人有什么想法吗？

腾讯云会员中心

加入腾讯云会员，每月可领会员专属优惠券；会员云产品免费体验；云产品会员专享价；会员签到抽奖…

EN

回答 1

Stack Overflow用户

发布于 2010-11-03 21:38:47

可能其中一个事件正在冒泡到表单，从而导致提交。可能是在onSelectRow上绑定的方式--尝试在其中添加一个event.preventDefault()。

还可以挂钩表单提交事件，然后检查event.originalEvent和event.originalTarget。

此外，我建议不要将onclick属性与现代jQuery行为绑定混合。

票数 1

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/4093985

复制

相关文章

js中settimeout和setInterval区别_JavaScript set

编程算法 javascript

注：调用过程中，可以使用clearTimeout(id_of_settimeout)终止

全栈程序员站长

2022/11/09

1.9K0

JavaScript 定时器 setTimeout、setInterval

javascript 定时器动画异步语法

定时器在javascript中的作用 1、制作动画 2、异步操作 3、函数缓冲与节流定时器类型及语法示例代码如下： /* 定时器： setTimeout 只执行一次的定时器 clearTimeout 关闭只执行一次的定时器 setInterval 反复执行的定时器 clearInterval 关闭反复执行的定时器 */ var time1 = setTimeout(myalert,2000); var time2 = setInterval(

Devops海洋的渔夫

2019/05/30

9860

JavaScript如何用setTimeout模拟setInterval

思路就是递归调用 function myInterval(fun,time){ function inside(){ fun(); setTimeout(inside,time); } setTimeout(inside,time); } myInterval(fn,1000); function fn(){ console.log('嘿嘿'); }

henu_Newxc03

2022/05/05

9440

javascript中的setTimeout() 方法和clearInterval() 方法和setInterval() 方法

语法 setTimeout(code,millisec) 参数描述 code 必需。要调用的函数后要执行的 JavaScript 代码串。 millisec 必需。在执行代码前需等待的毫秒数。提示和注释提示：setTimeout() 只执行 code 一次。 <html> <head> <script type="text/javascript"> function timedMsg() { var t=setTimeout("alert('5 seconds!')",5000) } </scrip

用户7657330

2020/08/14

1.3K0

setTimeout和setInterval

setTimeout(methodName, interval); //间隔时间单位为毫秒，表示interval毫秒后执行方法methodName

tandaxia

2018/09/27

2K0

setTimeout和setInterval

setinterval settimeout 程序函数语法

新建 html 文件 21-setTimeout.html ，编写下方程序，运行看看效果吧

鹤川

2023/03/21

1.1K0

javascript当中时间控制setTimeout和setInterval的用法

9.时间控制setTimeout和setInterval 马克-to-win：下个例子说明每秒刷新时间如何实现。（利用setTimeout方法）： setTimeout和setInterval的区别是：setTimeout只执行1次，而setInterval可以无限执行。例 1.9.1（setTimeoutIEFF.html) <HTML> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </HEAD> <BODY οnlοad="time()"> <div id="t"></div> </BODY> </HTML> setInterval&clearInterval

马克java社区

2021/01/18

6460

javascript当中时间控制setTimeout和setInterval的用法

JavaScript定时调用函数(SetInterval与setTimeout)

setTimeout和setInterval的语法相同。它们都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就将执行那段代码。

aehyok

2018/09/11

1.5K0

setInterval 和 setTimeout 用法

html javascript

setInterval 定时器,开始执行后,每间隔指定时间执行一次,除非清除定时器用法: setInterval(function(){ 方法… },1000);// 间隔时间 setTimeout 是在指定的时间后,执行该事件用法: setTimeout(function(){ 方法…. },1000); clearInterval(); // 清除定时器 <html> <head> <title>js</title> </head> <body> <script> test();

IT架构圈

2018/06/01

1K0

使用setTimeout模拟setInterval

腾讯云测试服务

相信setInterval这个东西大火都比较熟了，这里不做关于它的介绍，而是关于本文是如何实现这一功能。

kifuan

2022/10/24

1.8K0

利用setTimeout和SetInterval构建Javascript计时器

看到了一篇深入浅出的讲解setTimeout和setInterval的例子，直接讲英文贴出来吧，也不是很难。

大江小浪

2018/07/24

8080

深度解密setTimeout和setInterval——为setInterval正名！

重复定时器，JS有一个方法叫做setInterval专门为此而生，但是大家diss他的理由很多，比如跳帧，比如容易内存泄漏，是个没人爱的孩子。而且setTimeout完全可以通过自身迭代实现重复定时的效果，因此setIntervval更加无人问津，而且对他退避三舍，感觉用setInterval就很low。But！setInverval真的不如setTimeout吗？请大家跟着笔者一起来一步步探索吧！

小美娜娜

2019/04/04

4K0

深度解密setTimeout和setInterval——为setInterval正名！

Vue中使用定时器（setInterval、setTimeout）[通俗易懂]

setinterval settimeout 定时器语法

js中定时器有两种，一个是循环执行 setInterval，另一个是定时执行 setTimeout。

全栈程序员站长

2022/11/10

7.7K0

Vue中使用定时器（setInterval、setTimeout）[通俗易懂]

setTimeout实现setInterval和clearInterval[通俗易懂]

互联网全栈

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

全栈程序员站长

2022/11/09

4990

为什么要用 setTimeout 模拟 setInterval ？

在[JS 事件循环之宏任务和微任务](../Performance/JS事件循环之宏任务和微任务.html)中讲到过，setInterval 是一个宏任务。

九旬

2021/01/06

1.2K0

js中settimeout和setinterval的区别是什么？

javascript setinterval settimeout 定时任务异步

javascript的setTimeOut和setInterval函数应用非常广泛，在网站中经常用来处理延时延时和定时任务，比如打开网页一段时间后弹出一个登录框，页面每隔一段时间发送异步请求获取最新数据等等。但它们的应用是有区别的。

跟着阿笨一起玩NET

2020/09/16

1.5K0

js中的this关键字，setTimeout(),setInterval()的执行过程

bash bash 指令

var test1 = { name: 'windseek1', showname: function () { console.log(this.name); } } var test2 = { name:'windseek2', showname: test1.showname } test2.showname() 运算结果是windseek2，由于test2.showname=test1.showname所以test2.showname()=test1.showname(); test2.shown

windseek

2018/06/14

1.3K0

为什么要用 setTimeout 模拟 setInterval ？

push setinterval settimeout 定时器队列

来源：九旬 https://segmentfault.com/a/1190000038829248

@超人

2021/02/26

1.2K0

为什么要用 setTimeout 模拟 setInterval ？

第46天：setInterval与setTimeout的区别

js的setTimeout方法用处比较多，通常用在页面刷新了、延迟执行了等等。今天对js的setTimeout方法做一个系统地总结。

半指温柔乐

2018/09/11

1.3K0

点击加载更多

相似问题

JavaScript setTimeout setInterval

21

Javascript setTimeout/setInterval

20

setInterval Javascript中的javascript睡眠....setTimeout

22

javascript - setTimeout() vs setInterval()

30

JavaScript setTimeout和setInterval

15

活动推荐

SaaS建站+私有服务器，拖拉式完成多端建站，5分钟搭建企业官网

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例