大城小胖
大城小胖
  • 发布:2015-02-08 17:53
  • 更新:2015-03-26 11:07
  • 阅读:3897

按钮添加tap监听,点击无效,求指点

分类:MUI
mui

求教tap的问题,登录按钮点击后没有反应。

<!DOCTYPE html>  
<html>  
    <head>  
        <meta charset="utf-8">  
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />  
        <title></title>  
        <script src="js/mui.min.js"></script>  
        <link href="css/mui.min.css" rel="stylesheet" />  
        <script type="text/javascript" charset="utf-8">  
            mui.init();  
        </script>  
    </head>  
    <body>  
        <div class="mui-content" style="text-align: center;">  
            <form class="mui-input-group">  
                <div class="mui-input-row">  
                    <label>登录账号</label>  
                    <input id="loginId" type="text" class="mui-input-clear" placeholder="请输入登录账号">  
                </div>  
                <div class="mui-input-row">  
                    <label>登录密码</label>  
                    <input id="loginPw" type="password" class="mui-input-clear" placeholder="请输入登录密码">  
                </div>  
            </form>  
            <div style="background-color: white;padding-top: 30px;">  
                <button id="confirm" class="mui-btn mui-btn-primary">  
                    登&nbsp;&nbsp;&nbsp;&nbsp;录  
                </button>  
            </div>  
        </div>  
    </body>  
<script>  
(function($) {  
    //发送请求按钮的点击事件  
        document.getElementById("confirm").addEventListener('tap', function() {  
            alert("aaa");  
        });  
})(mui);  
</script>  
</html>
2015-02-08 17:53 负责人:无 分享
已邀请:
Danny

Danny - QQ125904483

<body>
<script type="text/javascript" charset="utf-8">
//发送请求按钮的点击事件
document.getElementById("confirm").addEventListener('tap', function() {
alert("aaa");
});
</script>
</body>

  • 大城小胖 (作者)

    多谢。我原来是直接用浏览器运行的,点击无效果,直接运行在手机端就没问题,环境搞错了。

    2015-02-09 10:38

DCloud_UNI_FXY

DCloud_UNI_FXY

给你的button按钮加上type属性。否则会视为submit,导致页面被提交刷新

<button id="confirm" type="button" class="mui-btn mui-btn-primary">  
                    登&nbsp;&nbsp;&nbsp;&nbsp;录  
                </button>
肥羊

肥羊

一样的问题,不起效
<body>
<script type="text/javascript" charset="utf-8">
//发送请求按钮的点击事件
document.getElementById("confirm").addEventListener('tap', function() {
alert("aaa");
});
</script>
</body>
这段代码也不行

  • 肥羊

    已可以,起效果了

    2015-03-26 11:50

该问题目前已经被锁定, 无法添加新回复