[JS] PassShark - 모바일환경 패스워드입력방식 스크립트

모바일 환경에서 패스워드를 입력하다보면 input type="password" 부분에서는 상단의 그림과 같은 방식으로 입력이 된다.

아주 가끔 일반 웹 환경에서도 저 기능을 요하는 부분이 있어 스크립트를 찾아보니

개발 중인 라이브러리인 Mootools을 기반으로 한 PassShark라는 스크립트가 있었다.

사용하려면

<script type="text/javascript" charset="utf-8" src="Mootools-Core.js"></script>
<script type="text/javascript" charset="utf-8" src="Mootools-More.js"></script>
<script type="text/javascript" charset="utf-8" src="PassShark.js"></script>
<script type="text/javascript">
    window.addEvent('domready', function(){
        new PassShark('객체ID',{
            interval: 200,
            duration: 2000,
            replacement: '%u25CF',
            debug: false
        });
    });
</script>

방식으로 사용하면 된다.

문제는 사용법은 쉬우나.. 기존에 라이브러리를 사용하는 웹사이트의 경우 Mootools를 올리게 되면

충돌이 일어난다는 이야기가 있어 (prototype은 문제가 있다는 이야기가 있고, jquery는 잘 모르겠음...)

주의해야하며,

더불어 작은 스크립트 하나에 가볍다고는 하지만 라이브러리 파일을 두개씩이나 올려야 한다는 문제가 있어,

시간이 된다면, 가능하다면, 필요한 스크립트만 빼거나 조금 수정을 해서

가벼운 스크립트로 사용하고싶은 바램이 있다는..

PassShark_v1.0.zip