Question

我试图显示悬停并集中显示时的跨度，但是我无法将这两种方法绑定在一起。这是一段代码。每个帮助或指导都应得到赞赏：)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#101").hover(
  function(){ $("#spn1").css("color", "red").show();
   });


   $("#101").focusin(function(){
    $("spn1").css("color", "red").show();
  });
  $("#101").focusout(function(){
    $("#spn1").css("color", "red").hide();
  });

});
</script>


<input type="text" id="101"><span style="display:none;" id="spn1">limit 0-100</span>

Answer 1

hover方法未委托。它是绑定。所以你不能这样使用：

$('#101').on('hover focus', function () {
    // your stuff
});

因此，您只能选择将以下方法链接起来。

$(document).ready(function() {
  $('#101').hover(function() {
    $("#spn1").css("color", "red").show();
  }).on('focus',
    function() {
      $("#spn1").css("color", "red").show();
    });
  $("#101").focusout(function() {
    $("#spn1").css("color", "red").hide();
  }).on('mouseleave',
    function() {
      $("#spn1").css("color", "red").hide();
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="101"><span style="display:none;" id="spn1">limit 0-100</span>

悬停和焦点需要一起

2 个答案: