一个表单提交页面,每个text都有onBlur方法。然后button按钮通过onclick来执行submit操作。现在的问题是:当光标还在某个text时,直接点击button提交,不会提交,只会执行onBlur事件
解决方法:
1、在按扭上加个onmouseover函数,里面的代码是把焦点移到按扭上。(不好,因为是个按钮你没点击只是鼠标放在上面就提交了)
2、在onBlur方法中加判断
//当触发onBlur方法时,判断是否点击提交按钮,是的话,那么调用提交的函数
if(document.activeElement.id == "yes"){
//提交的方法
saveButtonClick();
}
还可以看看http://www.iteye.com/problems/75498上的这个问题
分享到:
相关推荐
这种方法可以减少事件监听器的数量,提高性能,同时避免了 `onclick` 和 `onblur` 直接冲突的问题。 在实际应用中,开发者应根据项目需求和性能考虑选择合适的方法。使用 `setTimeout` 解决方案简单易行,但可能...
HTML事件句柄,如`onblur`, `onclick`, `onerror`等,是JavaScript与HTML交互的关键,它们用于定义当特定HTML事件发生时执行的函数。然而,它们不应被用作JavaScript的变量或函数名,因为这可能导致与HTML事件处理...
- 避免使用嵌套的HOCs,因为这可能导致props的命名冲突和代码可读性降低。如果需要多个HOC,可以考虑使用`compose`函数将它们组合在一起。 - 当HOC用于注入事件处理时,确保只在必要时添加这些事件,以减少不必要的...
在这个场景中,`focus` 方法在 `onblur` 事件中起作用,而在 `onchange` 事件中不起作用,这涉及到事件触发的不同机制和上下文。 首先,让我们详细了解一下这两个事件: 1. **onblur** 事件:当元素失去焦点时触发...
这样提高了代码的灵活性和可维护性,同时也减少了潜在的冲突和错误。 在实际应用中,可以使用其他策略来实现方法的重写,比如使用原型链(prototype chain)或者利用ES6的类(class)和继承。对于面向对象编程,...
此外,对于多用户同时编辑的情况,还需要考虑同步问题,以防止冲突。 总结来说,这个代码示例提供了一个基础的网页文字在线编辑功能的框架。通过结合CSS样式和JavaScript事件处理,实现了点击表格单元格时切换到...
在JavaScript代码中,我们首先声明了一个对象`reg`作为命名空间,以避免变量名冲突。然后定义了`regCheck`函数,该函数会在用户点击提交按钮时执行。函数内部通过`eg.$`方法获取指定`id`的输入框的值,并检查是否...