笨办法是
输入框 失去焦点后
settimeout 一段时间后 弹出的列表框 消失 这样可以给你点一下的机会
setTimeout延时隐藏table,再写table的mouseenter事件,清除定时器,mouseleave事件隐藏table
var timer;
$(input).blur(function(){
timer = setTimeout(function(){
$(table).hide();
},200);
});
$(table).mouseenter(function(){
if(timer) clearTimeout(timer);
});
$(table).mouseleave(function(){
$(table).hide();
});
能看明白?
setTimeout延时隐藏table,再写table的mouseenter事件,清除定时器,mouseleave事件隐藏table
var timer;
$(input).blur(function(){
timer = setTimeout(function(){
$(table).hide();
},200);
});
$(table).mouseenter(function(){
if(timer) clearTimeout(timer);
});
$(table).mouseleave(function(){
$(table).hide();
});
能看明白?
你这话说的,有什么不明白的? 问题已经解决。我还想问的是blur和focusout有哪些区别,网上找不到好的资源。
setTimeout延时隐藏table,再写table的mouseenter事件,清除定时器,mouseleave事件隐藏table
var timer;
$(input).blur(function(){
timer = setTimeout(function(){
$(table).hide();
},200);
});
$(table).mouseenter(function(){
if(timer) clearTimeout(timer);
});
$(table).mouseleave(function(){
$(table).hide();
});
能看明白?
只是有一点我不懂,就是我在table的td内添加函数
td.onclick = function () { if(timer) clearTimeout(timer); source.value = this.innerHTML; //注意TextBox的innerHTML为空,因为text位于元素内部 $("#" + tableId).remove(); }
$("#txtEmail").blur(function(event) { timer = setTimeout(function () { $("#tableEmail").remove() }, 200); //异步,立即返回 //设置定时器延时让table得到焦点并处理后再消失,而且延时不能太短也不能太长 })
setTimeout延时隐藏table,再写table的mouseenter事件,清除定时器,mouseleave事件隐藏table
var timer;
$(input).blur(function(){
timer = setTimeout(function(){
$(table).hide();
},200);
});
$(table).mouseenter(function(){
if(timer) clearTimeout(timer);
});
$(table).mouseleave(function(){
$(table).hide();
});
能看明白?
只是有一点我不懂,就是我在table的td内添加函数
td.onclick = function () { if(timer) clearTimeout(timer); source.value = this.innerHTML; //注意TextBox的innerHTML为空,因为text位于元素内部 $("#" + tableId).remove(); }
$("#txtEmail").blur(function(event) { timer = setTimeout(function () { $("#tableEmail").remove() }, 200); //异步,立即返回 //设置定时器延时让table得到焦点并处理后再消失,而且延时不能太短也不能太长 })
setTimeout延时隐藏table,再写table的mouseenter事件,清除定时器,mouseleave事件隐藏table
var timer;
$(input).blur(function(){
timer = setTimeout(function(){
$(table).hide();
},200);
});
$(table).mouseenter(function(){
if(timer) clearTimeout(timer);
});
$(table).mouseleave(function(){
$(table).hide();
});
能看明白?
只是有一点我不懂,就是我在table的td内添加函数
td.onclick = function () { if(timer) clearTimeout(timer); source.value = this.innerHTML; //注意TextBox的innerHTML为空,因为text位于元素内部 $("#" + tableId).remove(); }
$("#txtEmail").blur(function(event) { timer = setTimeout(function () { $("#tableEmail").remove() }, 200); //异步,立即返回 //设置定时器延时让table得到焦点并处理后再消失,而且延时不能太短也不能太长 })
srcElement|| target 当前目标元素
fromElement || relatedTarget 从何元素进入当前元素
toElement || relatedTarget 从当前元素进入到何元素
简单点说就是:
我是谁
我从何而来
我去往何方
srcElement|| target 当前目标元素
fromElement || relatedTarget 从何元素进入当前元素
toElement || relatedTarget 从当前元素进入到何元素
简单点说就是:
我是谁
我从何而来
我去往何方
srcElement和target属性在blur或focusout中可用,其它三个不行;但是在onmouseover和onmouseout中所有属性都可用。所以确实不能在此获得即将得到焦点的元素了,只能采用延时了。