jQuery Blur 在 href 之前触发

Question

我正在尝试使用 Ajax 搜索\建议框。我使用 jQuery 来处理文本框失去焦点的情况。但是，当我单击建议列表中的链接时，jQuery 会触发模糊事件，并且不会跟踪该链接。这是 jQuery 代码:

$(document).ready(function() {

    $('#lstxt').click(function() {
        this.value = '';
    });
    $('#lstxt').blur(function() {
        this.value = 'Database Search';
        document.getElementById('ls').innerHTML='';
        document.getElementById('ls').style.border='0px';
    });
});

如果在建议列表 (id="ls_table") 内单击链接，如何使其不触发 .blur？

Answer 1

var global_switch = false;
$('#ls_table').hover (
  function () { global_switch = true; },
  function () { global_switch = false; }
)
$('#lstxt').blur(function() {
  if (global_switch) { return; } else { ...});

这只是一个概念证明。一如既往，全局变量是不好的。看看 jQuery 的 data API来规避它。

干杯，