`

onBlur和onclick冲突的问题

    博客分类:
  • js
 
阅读更多

一个表单提交页面,每个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冲突问题的快速解决方法

    这种方法可以减少事件监听器的数量,提高性能,同时避免了 `onclick` 和 `onblur` 直接冲突的问题。 在实际应用中,开发者应根据项目需求和性能考虑选择合适的方法。使用 `setTimeout` 解决方案简单易行,但可能...

    JavaScript程序设计-JavaScript基本语法.pdf

    HTML事件句柄,如`onblur`, `onclick`, `onerror`等,是JavaScript与HTML交互的关键,它们用于定义当特定HTML事件发生时执行的函数。然而,它们不应被用作JavaScript的变量或函数名,因为这可能导致与HTML事件处理...

    react-ReactHigherOrder组件来获取像hoverfocusactiveasprops这样的事件

    - 避免使用嵌套的HOCs,因为这可能导致props的命名冲突和代码可读性降低。如果需要多个HOC,可以考虑使用`compose`函数将它们组合在一起。 - 当HOC用于注入事件处理时,确保只在必要时添加这些事件,以减少不必要的...

    input的focus方法使用

    在这个场景中,`focus` 方法在 `onblur` 事件中起作用,而在 `onchange` 事件中不起作用,这涉及到事件触发的不同机制和上下文。 首先,让我们详细了解一下这两个事件: 1. **onblur** 事件:当元素失去焦点时触发...

    js怎么覆盖原有方法实现重写

    这样提高了代码的灵活性和可维护性,同时也减少了潜在的冲突和错误。 在实际应用中,可以使用其他策略来实现方法的重写,比如使用原型链(prototype chain)或者利用ES6的类(class)和继承。对于面向对象编程,...

    可在线编辑网页文字效果代码(单击)

    此外,对于多用户同时编辑的情况,还需要考虑同步问题,以防止冲突。 总结来说,这个代码示例提供了一个基础的网页文字在线编辑功能的框架。通过结合CSS样式和JavaScript事件处理,实现了点击表格单元格时切换到...

    JavaScript使用表单元素验证表单的示例代码

    在JavaScript代码中,我们首先声明了一个对象`reg`作为命名空间,以避免变量名冲突。然后定义了`regCheck`函数,该函数会在用户点击提交按钮时执行。函数内部通过`eg.$`方法获取指定`id`的输入框的值,并检查是否...

Global site tag (gtag.js) - Google Analytics