Java代码
<html>
<head>
<script>
function func1()
{
......
}
function func2()
{
func1();
}
function func3()
{
func1();
}
</script>
</head>
<body>
<input type="text" onblur="func2()"/><a href="#"><img src="aa" onclick="func2()"/></a>
</body>
</html>
<html>
<head>
<script>
function func1()
{
......
}
function func2()
{
func1();
}
function func3()
{
func1();
}
</script>
</head>
<body>
<input type="text" onblur="func2()"/><a href="#"><img src="aa" onclick="func2()"/></a>
</body>
</html>
当clcik这个image的时候,func1和func2同时触发。
问:如何才能避免clcik这个image的时候,func1和func2同时触发;
问题补充:
这里,我补充一下问题的背景:
这不是什么现实项目中的问题,只是我平时无聊之余,用我贫乏之极的js写得一个稍微能简化一点重复工作的一个tool(我很无耻的称之为url productivity tool)。所以,并没有什么复杂的逻辑与设计。唯一的要求,就是自己怎么方便怎么来。
func2和func3执行的是完全一样的操作。这样的话,我可以单用鼠标完成操作,也可以单用左手(输入完成以后,小拇指扫一下tab键就可以了)。
///////////////////////////////////////////////////////
采纳的答案
判断当前的document.activeElement即活动元素是不是文本框后面的图片。
若是,则在onblur事件中returnn false;打断当前事件。
写了一段测试代码:
<script>
function doBlur(){
//在点击img标签之后,activeElement实际上是变成了img标签外的a元素。
if(document.activeElement.id=="testLink") return false;
else alert("doBlur");
}
function doClick(){
//doSomething
alert("doClick");
}
</script>
<input type="text" onblur="doBlur()"/>
<a id="testLink" href="#"><img src="aa" onclick="doClick()"/></a>
分享到:
相关推荐
下面小编就为大家带来一篇onclick和onblur冲突问题的快速解决方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考
JavaScript的onfocus与onblur用法文章资源下载,供练习使用
JavaScript onblur与onfocus事件详解 html页面中,诸如按钮、文本框等可视元素都具有拥有和失去焦点的事件,这些事件在响应鼠标或键盘动作时都可激发预设的操作。本文以文本框获得和失去焦点为例简单讲解onfocus和...
onblur事件,鼠标离开表单input框时触发的事件
JS:onfocus和onblur 事件应用举例
onload事件 ,onclick事件,onblur失去焦点事件,onsubmit表单提交事件的使用示例
html页面中,诸如按钮、文本框等可视元素都具有拥有和失去焦点的事件,本文以文本框获得和失去焦点为例简单讲解onfocus和onblur的应用
jsp+ajax实现的局部刷新较验验证码(onblur事件触发较验).docx
下面小编就为大家带来一篇老生常谈onBlur事件与onfocus事件(js)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
也就是说:onpropertychange事件在用键盘每改变一下文本框的值或用js改变其值便会触发一下,而onchange只有在用键盘改变其值,然后在失去焦点(onblur)后才触发,用js改变其值不能触发!onpropertychange和onchange都...
* onBlur:当前元素失去焦点时触发的事件 * onChange:当前元素失去焦点并且元素的内容发生改变而触发的事件 * onFocus:当某个元素获得焦点时触发的事件 * onReset:当表单中 RESET 的属性被激发时触发的事件 * ...
在触发onblur时判断标志,如果标志没有设置则隐藏下拉div 若标志已设置,为防止在下拉div外点击触发onblur,则需定时如300ms后对下拉div进行隐藏 若点击的是下拉div则位触发onmouseup事件,则些事件中取消前面设置的...
二、JavaScript的程序控制结构和对象 2 1、for循环语句: 2 2、while循环: 2 3、do-while循环: 2 4、JavaScript函数: 2 5、在JavaScript中基于对象的编程: 3 6、内置的JavaScript对象: 3 7、处理对象的内置方法...
主要介绍了html的DOM中Event对象onblur事件用法,实例分析了onblur事件的使用范围与对应的javascript使用技巧,需要的朋友可以参考下
这些对象同时在客户端和服务器端的 JavaScript 中使用。 Array 属性 方法 Boolean 属性 方法 Date 属性 方法 Function 属性 方法 Math 属性 方法 Number 属性 方法 Object 属性 方法 String 属性 方法 RegExp 属性 ...
但是这个解决方案在谷歌和火狐上均有bug,下面来一个一个解决。 1.’autocomplete=”off”‘在Chrome中不起作用解决方案 网站项目中,有登录和注册的弹框,在除chrome的浏览器中一切都ok,一旦在谷歌浏览器中,问题...
这是一个功能强大的js日期控件,引用时加写: onfocus="showCalendar(this);
本文实例讲述了jsp+ajax实现的局部刷新较验验证码(onblur事件触发较验)。分享给大家供大家参考,具体如下: 前台显示页面: welcome.jsp <%@ page language=java contentType=text/html; utf-8 pageEncoding...