휴대 기기에서 oninput()이 실행되지 않습니다.

Question

휴대 전화에서 oninput() dsnt 오류가 발생해도 브라우저에서 코드를 실행할 때 문제가 발생합니다. 내 HTML은 다음과 같습니다

  <div class="t1">09</div> 
      <div class="point"><img src="img/point.png" class="dot_img"/></div> 
      <div class="t2">15</div> 
      <div class="point"><img src="img/point.png" class="dot_img"/></div> 
      <div class="t3">am</div> 
      <img src="img/round.png" class="round"/> 
      <input type="time" id="timepicker" oninput="(this.blur())"/> 
      </div> 

내 JS는 다음과 같습니다

$('.time').click(function() { 

$('#timepicker').focus();  

$('#timepicker').blur(function() { 

    var mtime = document.getElementById("timepicker").value; 


    var startHour = new Date("01/01/2007 " + mtime).getHours(); 

    var startMins = new Date("01/01/2007 " + mtime).getMinutes(); 
}); 

Answer 1

왜 변경 이벤트를 사용하지? 귀하의 js 코드는 다음과 같습니다 :

$('.time').click(function() { 
$('#timepicker').focus();  
$('#timepicker').change(function() { 
    $(this).blur(); 
}); 
$('#timepicker').blur(function() { 
    var mtime = document.getElementById("timepicker").value; 
    var startHour = new Date("01/01/2007 " + mtime).getHours(); 
    var startMins = new Date("01/01/2007 " + mtime).getMinutes(); 
}); 

그리고 html 입력 요소의 oninput 특성을 제거하십시오.