모바일 웹 사이트 양식의 마스킹 입력란이 작동하지 않습니다.

Question

모바일 웹 사이트에서 사용되는 양식의 입력란에 입력 마스킹을 적용해야하는 경우가 있습니다.

예 : 휴대 전화 번호가 레이블에 표시된 예제 텍스트에 따라 가려져 야 할 필요가없는 모바일 웹 사이트에 아래 양식이 있습니다. jquery 플러그인을 사용하여이 작업을 시도하지만 웹에서 완벽하게 작동하지만 모바일 브라우저에서는 실행되지 않습니다.

가 나는 키도 누르지를 keyDown 이벤트에 의존하지 않는 모바일 브라우저를 말하는 주석의 한 온라인 읽었다. 그게 사실이야?

I (아래 코드)

function formatPhone(e, node) { 
    var keycode = e.keyCode ? e.keyCode : e.which; 
    if(keycode == 8){ // backspace 
     return false; 
    } 
    if(keycode == 46){ // delete 
     return false; 
    } 
    var input = $(node).val(); 
    input = input.replace(/-/g, ''); 
    var areaCode = input.substring(0, 3); 
    var exchange = input.substring(3, 6); 
    var tail = input.substring(6);   
    $(node).val(areaCode + "-" + exchange + "-" + tail);        

} 
$('#${PRE_ID}Phone').keyup(function (e) { formatPhone(e, this); }); 

, 위의 코드는 웹 브라우저에서 작동하지만, 모바일 처음 3 자리 숫자에 관해서는 제대로 작동하지만 4 솔루션을 달성하기 위해 내 자신의 코드를 사용하여 시도 및 5 자리 스왑 및 번호 순서가 항상 실패합니다. 또한 삭제할 때 모든 번호가 삭제되지는 않습니다.

이 작업을 수행하는 jquery 또는 코드 스 니펫의 플러그인이 있습니까? |

다음은, 아이폰

마스크 내가 S2, S3 모바일 기본 브라우저에서 시도 (실패) 플러그인 중 일부입니다 jQuery를 플러그인 레지스트리 http://mavrin.github.io/maskInput/

http://andr-04.github.io/inputmask-multi/en.html http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxmaskedinput/index.htm 미리 감사가

Answer 1

이도 모바일에 나를 위해 작동 :

$ ("# phoneInput") jqxMaskedInput ({폭 :. (250), 높이 : 25, mask : '- ### - ### - ####'});

저는 아이폰과 넥서스와 함께 사용했습니다.