4

我有几个输入元素,它们的行为类似于下拉元素,其方式与 jquery 日期事件 ui 的工作方式类似。由于应用程序的性质,这需要保持这种方式。我已将元素设置为不可编辑。这将允许应用程序在其下构建一个带有选项列表的伪下拉菜单,同时防止用户直接操作它。单击后,jQuery 插件会将值分配给该输入。

问题是有一个验证检查器被触发onblur,所以看起来验证器过早地验证,当然它工作正常。我不想重写验证器插件。

有没有办法防止焦点或模糊事件在该特定点击事件中一起发生?

这是一个挑战挑战的js小提琴

http://jsfiddle.net/powerphillg5/YHgKQ/

这是那里的代码,因为在提供链接#law-abidingcitizen 时,我们必须在这里有代码:

<input type="text" id="my_input" value="Click me." />
<script>
$('#my_input').blur(function(){
    alert("Prevent me without removing the blur() and function that caused me!");
});

$("#my_input").click(function(){
    $(this).after("<ul>\
                  <li data-value='value1' class='click_me'>Now, click me,</li>\
                  <li data-value='value1' class='click_me'>or me!</li>\
                   </uL>");

    $(".click_me").click(function(){
        $("#my_input").val($(this).data("value"));
        $(this).parent().remove();
        $("#my_input").after("<img src='http://harrisongreetingcards.net/images/1316_thank_you_for_your_time_note_card.png' />");
    })

}); 
</script>
4

2 回答 2

0

我有一个想法,丑陋但可以工作。

  1. 保持原始模糊。
  2. 更改新的模糊侦听器以通过 setTimeout 调用原始模糊。
  3. 在超时触发之前,如果单击 .click_me 元素,则取消它。否则,就让它过去吧。

代码看起来像

var blurTimeout = false;
var inputObject = $('#my_input');
var inputBlur = $._data(inputObject[0], 'events').blur[0].handler;
inputObject.off('blur').blur(function(e) {
    blurTimeout = setTimeout(function() {
        inputBlur.apply(inputObject, e);//call original blur.
    }, 500);
});

并在点击功能中添加取消超时。

$(".click_me").click(function(){
    clearTimeout(blurTimeout);
    ...

小提琴就在这里

不过,我建议也直接更改模糊。

于 2013-08-13T12:08:27.623 回答
0

我认为您要做的只是从该事件中取消绑定模糊处理程序,因此在添加处理程序后添加:

// Add this after the handlers you want to prevent are added
$('#my_input').unbind('blur');   

或者,如果您无法取消绑定处理程序 - 因为它尚未添加 - 您可以添加自己的处理程序以防止任何其他以后添加的处理程序关闭:

// Add this before the handlers you want to prevent are added
$("#my_input").blur(function(event) {
   event.stopImmediatePropagation();
});

请注意,这可能会对整体功能产生影响,因为您基本上已经阻止了这些事件的发生(并且某些事情可能依赖于它们)。所以你可能想在某个时候重新绑定功能并伪造事件,或者只是调用特定的函数。

编辑:再次阅读您的问题后。blur 事件发生在 click 事件之前,因此您不能仅从 click 事件内部将其关闭。因此,如果您希望在其他情况下发生模糊事件(例如,当您开箱即用时),您需要做一些更聪明的事情。在这种情况下,您想编写自己的模糊处理程序来决定要做什么,或者您可能需要添加一些其他处理程序来故意强制执行模糊事件——也许当不同的字段获得焦点时。

我不知道你的应用程序,所以很难知道你需要什么,但希望这能帮助你让它工作。

于 2013-08-13T01:36:21.163 回答