Замена аттрибута у input, type->password и обратно

332

19 декабря 2017, 20:01

Как можно реализовать замену атрибута type с password на text и обратно у input по наведению на элемент

<span class="input-group-addon auth" id="basic-addon1"><i class="fa fa-search" aria-hidden="true"></i>

само поле:

<input type="password" id="input" class="form-control setpass" name="password" placeholder="Enter password">

Answer 1

Вот так

$(document).ready(function(){ 
  // Событие при наведении 
  $('#basic-addon1').on('mouseover', function(){ 
    $('#input').attr('type', 'text'); 
  }) 
   
  // Событие при потере фокуса 
  $('#basic-addon1').on('mouseout', function(){ 
    $('#input').attr('type', 'password'); 
  }) 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<span class="input-group-addon auth" id="basic-addon1"><i class="fa fa-search" aria-hidden="true">наводим сюда</i></span> 
<input type="password" id="input" class="form-control setpass" name="password" placeholder="Enter password">