javascript - 如何单击当我在文本框输入外部单击时隐藏的链接？

Question

我在表单中有一个文本框输入；当我单击它时，它旁边会出现一个链接。当我在文本输入框外部单击时，链接会被隐藏。

我有这段代码可以更改文本框输入字段的样式并隐藏链接:

$('#txtbox').blur(function(){
$('#txtbox').removeClass('active');
$('#txtbox').addClass('passive');
$('#link').hide();
});

我希望能够单击该链接，但是当我单击文本框之外的任何位置时，该链接会被隐藏。

如何才能使链接在单击时保持可见，同时在单击文本框外以及不单击链接时隐藏？

Answer 1

有两种方法可以解决您的问题

1:) 使用淡出/慢速隐藏

$('#link').fadeOut();

或

$('#link').hide('slow');

2:)使用setTimeout()

setTimeout( function() { $('#link').hide('slow'); }, 1000 );