Question

点击并选择范围后，我想在focus重置input range。我怎样才能做到这一点？目前我必须点击外部输入以放松对输入的关注。

＆＃13;

$('input').bind('mousemove', function(){
	var value = $(this).val();
  $('.show-input-value').text(value);

  if (!($("input").is(":focus"))) {
    $('.show-input-value').append('not focused');
    }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="range" min="0" max="20"/>
<div class="show-input-value"></div>

＆＃13;

Answer 1

试试这个

$( document ).ready(function() {
            $('input').bind('mousemove', function(){
                var value = $(this).val();
              $('.show-input-value').text(value);
            });

            $( "#myInputID" ).mouseout(function() {
                $("#myInputID").blur();
                if (!($("input").is(":focus"))) {
                $('.show-input-value').append(' not focused');
              }
            });
        });

范围字段是

<input type="range" min="0" max="20" id="myInputID"/>
<div class="show-input-value"></div>

选择值后停止关注输入范围

1 个答案: