一个input按钮加上disabled="disabled"后,它身上zepto的tap事件任然会触发,但是click事件不会触发
<!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');