如何点击当我在文本框输入之外点击时隐藏的链接

How to click on a link that gets hidden when I click outside a textbox input?

本文关键字：隐藏 链接 输入 何点击 文本      更新时间：2023-09-26

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

我有这样的代码，它改变了文本框输入字段的样式并隐藏了链接：

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

我希望能够点击链接，但当我点击文本框外的任何地方时，链接都会被隐藏。

当我点击链接时，它如何保持可见，但当我点击文本框外和不点击链接时又如何隐藏？

问题有两种解决方案

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

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

或

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

2:）使用setTimeout（）

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

试试这个。

$(function(){
   $(document).click(function(){
      $('#link').hide();
   });
   $('#link').click(function(e){
      e.stopPropagation();
      //Do other stuff on click of link here
   });
   $('#txtbox').blur(function(){
       $('#txtbox').removeClass('active').addClass('passive');
   }).focus(function(e){
       $('#txtbox').addClass('active').removeClass('passive');
       $('#link').show();
   }).click(function(e){
        e.stopPropagation();
   });
});

演示

我认为您可以包含一个onChange函数。http://forum.jquery.com/topic/jquery-change-trigger-and-onchange-event-in-input-box除此之外，搜索OnChange会给你很多想法。

相关文章：