Jquery切换焦点/模糊

时间:2018-05-23 20:12:19

标签: jquery focus toggle focusout

尝试在文本框上的焦点和模糊之间切换,这样当我专注于它时会弹出一条消息,当我模糊时,它会被删除并且模糊消息会出现。做了一些研究,但是我挠头,任何帮助都表示赞赏。 JS:

    $(function() {
       $("#name").focus(function() {
          $("#msg").html("<i>Ah, I see you like clicking 
    boxes...</i>");
    });

     $("#name").blur(function(){
       $("#blur-msg").html("<b>WHERE DO YOU THINK 
    YOU'RE GOING?!</b>");
   });

});

1 个答案:

答案 0 :(得分:-1)

我让它像this一样工作。确保您的ID正确放置在HTML中。

<div >
  <input id="name" type="text"/>
  <div id="msg">
    <i>Ah, I see you like clicking boxes...</i>
  </div>
  <div id="blur-msg">
    <b>WHERE DO YOU THINK YOU'RE GOING?!</b>
  </div>
</div>




$("#msg").hide();
$("#blur-msg").hide();

$("#name").focus(function() {
  $("#msg").show();
  $("#blur-msg").hide();
});

$("#name").blur(function(){
  $("#msg").hide();
  $("#blur-msg").show();
});