我在页面上有一个div,显示有关特定类别(图像,名称等)的一些信息。 当我点击编辑图像时,它会将类别置于编辑模式,这样我就可以更新名称。 从下图中可以看出,它显示“Soup”当前处于编辑模式,其他处于正常视图模式。 这一切都按预期工作,取消/保存按钮做正确的事情。 (我尝试添加图像,但不会让我,需要更多的爱) 然而,一旦处于编辑模式,如果我点击页面上的任何其他位置(div之外),预期结果将是汤类别将返回查看模式。 在某种事件发生后,这也应该让我问他们是否想要保存更改。 所以我接下来决定在“汤”父div上创建一个模糊事件。 如果我单击页面上的任何位置,这可以正常工作,但是如果我单击div的内部元素,它也会导致父模糊事件被触发,从而导致类别返回到查看模式。 那么,有没有办法阻止父div在其任何一个子节点获得焦点时触发模糊事件? 我只是在没有编译器的情况下编写代码,所以不确定这是否有效,但希望你能得到这个想法。 我正在使用Knockout.js动态更新GUI,但这不应该影响这个我不会想到的答案。
我有一个下拉菜单,单击div中的一个,显示List。 在焦点上我应该隐藏列表(即当用户点击或关注某些其他元素而不是鼠标移出时)。 因此,我明显的选择是onblur 。 现在JavaScript似乎在Firefox中工作,但在IE中却没有,因为我的div有一个指定高度和宽度的子div。 这在测试文件中是可重现的。 我正在使用jQuery。 这是Internet Explorer中的已知问题吗? 什么是工作? Exploring IE /** Exploring IE**/ .selected_option div {height:18px;} $().ready(function(){ $(‘.selected_option’).blur(function(){ alert(‘blurred’); }); }); anywhere in the page
我有一个简单的幻灯片,我在客户的主页上制作,使用setInterval为旋转计时。 为了防止浏览器在页面未对焦(正在查看另一个选项卡或其他程序)时搞砸setInterval,我正在使用: function onBlur() { clearInterval(play); }; function onFocus() { mySlideRotateFunction(); }; if (/*@cc_on!@*/false) { document.onfocusin = onFocus; document.onfocusout = onBlur; } else { window.onfocus = onFocus; window.onblur = onBlur; } mySlideRotateFunction设置setInterval并运行一些jQuery。 虽然这在大多数情况下是有效的,但我发现,有时看起来似乎onBlur还没有运行,当我回到页面时,时间已经“积累”并且旋转变得疯狂。 我无法确定为什么有时会发生这种情况的原因,而不是其他原因。 我的问题 – 我的代码存在问题,当浏览器窗口失焦时,是否有人更好地建议“暂停”setInterval? 谢谢
我有一个带有onblur事件监听器的输入标签: 通过JavaScript,我想在这个输入上触发blur事件,以便它反过来调用doSomething函数。 我最初的想法是调用模糊: document.getElementById(‘myField’).blur() 但这不起作用(虽然没有错误)。 这样做: document.getElementById(‘myField’).onblur() 这是为什么? .click()将通过onclick监听器调用附加到元素的click事件。 为什么blur()工作方式不一样?
我曾经遇到过这个问题几次,我对以前用过的解决方案不满意。 我有一个带有模糊事件的输入框,可以validation它的内容,还有一个按钮,可以在点击时填充输入框。 问题是单击按钮会触发输入模糊事件,然后触发按钮单击事件,因此按钮插入的内容不会被validation。 见http://jsfiddle.net/jakecr/dL3K3/ 我知道这是正确的行为,但我想不出一个彻底解决问题的方法。
我有一个div就像一个下拉菜单。 因此,当您单击按钮时弹出窗口,它允许您滚动浏览此大列表。 所以div有一个垂直滚动条。 如果你点击div之外,即模糊,div应该会消失。 问题是,当用户点击div的滚动条时,IE会错误地触发onblur事件,而Firefox则不会。 我猜Firefox仍然将滚动条视为div的一部分,我认为这是正确的。 我只是希望IE的行为方式相同。
我正在尝试在我正在创建的网页上进行jQueryvalidation。 我有大约6个不同的字段集,其中包含页面的详细信息。 我正在使用它,因为我隐藏并显示它们提供更好的用户体验。 每当我尝试提交页面时,无论何时添加单个字符(当文本框需要2个或更多字符时),我都会按照我的要求运行插件,但是我也希望validation能够在onblur上进行。 如果他们没有达到validation条件,我想立即通知我的用户,以便他们可以立即修复它,而不必回来。 任何人都可以告诉我我需要做什么我正在使用* http://bassistance.de/jquery-plugins/jquery-plugin-validation/插件。 这是我到目前为止编写的jQuery代码: $(“#aspnetForm”).validate({ rules: { : { required: true, minlength: 2 } , : { required: true, minlength: 2 } , : { required: true, minlength: 8 } , : { required: true, email: true } , : { required: true } , : { required: true } , […]