Question

我有要求，当用户点击时，我需要显示或隐藏一个部分，然后需要显示焦点需要隐藏的模糊。

我正在尝试绑定三个事件，

$(btn).on({click:toggle,focus:show,blur:hide});

var isOpen = false;
function toggle(){
if(!isOpen)show();
else hide();
}
function show(){
isOpen = true;
//my code to show
}

function hide(){
isOpen = false;
//my code to hide
}

但点击并关注事件冲突..

如何让它与两个事件一起使用焦点和点击？

Answer 1

你可以绑定＆＃39;点击＆＃39;，＆＃39;焦点＆＃39;，＆＃39;模糊＆＃39;按钮事件：

var btn = $("#btn");
btn.on('click', function() { 
    $("#testElement").toggle('slow');
});
btn.on('focus', function() {
    $("#testElement").show('slow');
});
btn.on('blur', function() {
    $("#testElement").hide('slow');
});

这是working fiddle

如何处理点击和焦点事件切换？

1 个答案: