`

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` 解决方案简单易行,但可能...

    form表单中的onblur事件

    总之,`onblur`事件是HTML表单处理中的一个重要工具,它允许开发者在用户离开特定元素时执行代码,增强了用户界面的响应性和交互性。结合其他事件和JavaScript功能,我们可以构建出更加智能和用户友好的Web应用程序...

    JavaScript的onfocus与onblur用法

    JavaScript是Web开发中不可或缺的一部分,尤其在处理用户交互时,事件监听器如`onfocus`和`onblur`起着至关重要的作用。这两个事件主要应用于表单元素,但也可以用于任何可聚焦的HTML元素,例如按钮、链接或文本...

    JS:onfocus和onblur 事件应用举例

    其中,`onfocus`和`onblur`事件作为DOM(文档对象模型)的一部分,被广泛应用于网页开发中,用于响应用户的焦点变化。这两个事件主要用于输入框(`<input>`元素)、文本区域(`<textarea>`元素)等可聚焦元素。 ###...

    老生常谈onBlur事件与onfocus事件(js)

    在使用onFocus和onBlur事件时,还应该注意跨浏览器的兼容性问题。因为不同浏览器对这些事件的支持程度和行为可能有所不同,因此在开发过程中需要进行适当的测试。通过使用JavaScript框架(如jQuery)或polyfills,...

    JavaScript事件使用示例

    onload事件 ,onclick事件,onblur失去焦点事件,onsubmit表单提交事件的使用示例

    OnFocus与OnBlur的例子区别

    `OnFocus` 和 `OnBlur` 是两个常见的JavaScript事件,用于管理输入元素(如文本框)的焦点状态。这两个事件主要应用于表单元素,如`<input>`,以实现特定的交互效果和验证功能。 `OnFocus` 事件是在一个元素获得...

    【JavaScript源代码】JavaScript onblur与onfocus事件详解.docx

    JavaScript中的onfocus和onblur事件是网页交互中的两个重要事件,它们主要应用于HTML表单元素,如文本框、按钮等,用于追踪...通过熟练掌握和运用onfocus与onblur,开发者可以创建更加智能和用户友好的网页应用程序。

    html的DOM中Event对象onblur事件用法实例

    在JavaScript中,`onblur`事件还可以与其他DOM事件(如`onclick`、`onfocus`等)结合使用,以实现更复杂的交互逻辑。例如,当一个元素获得焦点后,可以使用`onfocus`事件来改变其样式,而当它失去焦点时,通过`...

    Js中的onblur和onfocus事件应用介绍

    在网页开发中,理解并有效地利用`onfocus`和`onblur`事件是提高用户交互性和表单验证的关键技能。它们不仅可以用于文本输入框,还可以应用于其他可获取焦点的元素,如下拉列表、复选框、单选按钮等。通过结合其他...

    详解HTML onfocus获得焦点和onblur失去焦点事件

    HTML中的`onfocus`和`onblur`是两个非常重要的事件处理属性,它们主要用于处理用户交互,特别是与表单元素的交互。这两个事件是表单验证和动态界面更新的基石。 `onfocus`事件是在一个元素(通常是可聚焦的元素如`...

    jsp+ajax实现的局部刷新较验验证码(onblur事件触发较验).docx

    ### jsp+ajax实现的局部刷新验证验证码(onblur事件触发验证) #### 技术背景与概念 在Web应用开发中,验证码(CAPTCHA)是一种常用的安全措施,用于区分用户是人类还是自动化软件。传统的表单提交方式在提交数据时...

    Java 84 道面试题及答案.docx

    1. JavaScript 事件:包括 Onsubmit、Onblur、Onclick、Onload、Change、Onmousemove、Onmouseover、Onmouseout、Onselect 等多种事件。 2. HTML 表单:包括表单元素的获取、表单提交的阻止、页面刷新等。 3. 正则...

    Js编辑技巧

    本技巧聚焦于如何利用`onkeyup`和`onblur`事件来优化用户体验,同时解决在编辑过程中可能出现的问题。 一、`onkeyup`和`onblur`事件 1. `onkeyup`事件:该事件在用户释放键盘按键时触发,常用于实时检测用户输入,...

    javaScript事件课堂笔记+作业.pdf

    - 文本框焦点获取和失去的提示,使用`onfocus`和`onblur`事件,分别调用对应提示的函数,如`showFocus()`和`showBlur()`。 了解和掌握JavaScript事件,可以帮助开发者创建更加交互性和响应性的网页应用。在实际开发...

Global site tag (gtag.js) - Google Analytics