disabled와tap (input의disabled='disabled'때tap 이벤트는 터치할 수 있습니다)

4721 단어
input 단추에disabled="disabled"를 추가하면, zepto의tap 이벤트는 언제든지 터치하지만, 클릭 이벤트는 터치하지 않습니다.
DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width" />
        <title>title>
    head>
    <body>
        <input type="button" value=" " id="btn" disabled="disabled"/>
        
        <script type="text/javascript" src="js/zepto.min.js" >script>
        <script type="text/javascript" src="js/touch.js" >script>
        <script>
            $(function(){
                var btn = $('#btn');
                btn.tap(function(){
                    alert(1);
                });
                btn.click(function(){
                    alert(3);
                });
            })
        script>
    body>
html>

이런 예에서 btn을 누르면 1이 나오고 3이 나오지 않습니다.
그리고 만약 당신이 input에 자신의 스타일을 썼다면, input의 disabled = "disabled"는 스타일이 바뀌지 않을 것입니다
jquery나 zepto로 input의 disabled 상태를 바꾸는 것은 이렇게 쓸 수 있습니다.
$('#btn').attr('disabled','disabled');
$('#btn').removeAttr('disabled');

 
다음으로 전송:https://www.cnblogs.com/norcoA3/p/6418585.html

좋은 웹페이지 즐겨찾기