tnblog
首页
视频
资源
登录
愿你出走半生,归来仍是少年
排名
3
文章
317
粉丝
22
评论
14
bootstrap 栅格布局一小例子
剑轩 : 后端写样式有点痛苦哇
一点flex布局的运用
剑轩 : 后端写样式有点痛苦哇
vue.js常用指令
剑轩 : 可以可以,多总结一点
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

mui学习三: mui事件

6342人阅读 2019/11/2 9:54 总访问:2063115 评论:0 收藏:0 手机
分类: mui


点击事件在浏览器上不行的问题

mui的tag事件在浏览器上调试是不行的,要使用模拟器或者真机调试才行

当然click事件还是可以执行的,比如这样

  1. var mylogin = document.getElementById("login");
  2. mylogin.onclick=function()
  3. {
  4. alert("哈哈哈");
  5. onsole.log("sss");
  6. console.log();
  7. }


给登录框绑定一个点击事件:

html:

  1. <form class="mui-input-group">
  2. <div class="mui-input-row">
  3. <label>用户名</label>
  4. <input type="text" class="mui-input-clear" placeholder="请输入用户名">
  5. </div>
  6. <div class="mui-input-row">
  7. <label>密码</label>
  8. <input type="password" class="mui-input-password" placeholder="请输入密码">
  9. </div>
  10. <div class="mui-button-row">
  11. <button type="button" id="login" class="mui-btn mui-btn-primary" >确认</button>
  12. <button type="button" class="mui-btn mui-btn-danger" >取消</button>
  13. </div>
  14. </form>

js:

  1. (function(mui){
  2. mui.init();
  3. mui.plusReady(function ({
  4. var login = document.getElementById("login");
  5. login.addEventListener("tap",function(event){     
  6. alert("登录!");
  7. plus.nativeUI.toast("登录");
  8. });
  9. });
  10. })(mui);


事件的文档:https://dev.dcloud.net.cn/mui/event/


官方的mui文档:https://dev.dcloud.net.cn/mui/ui/#input

模拟器可以考虑夜神模拟器

欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价

mui学习一 :hbuilderx常用快捷键

Dg:document.getElementById(&quot;&quot;)Dq:document.querySelectorAll(&quot;&quot;)Clog: console.log();

mui学习二: 调试状态看console.log等

看console.log上面点击一下即可也可以在浏览器上看把连接复制上去即可这样就可以了

mui中的的意思

其实就是mui的别名而已//代码开始(function($, doc) { $.init();})(mui, document);//代码结束上面的$是mui的别名

mui轮播图与显示小圆点

html:&lt;divclass=&quot;mui-slider&quot;&gt; &lt;divclass=&quot;mui-slider-groupmui-slider-loop&quot;&gt; &lt;...

mui框架-移动端跳转以及传值的简单方法(修改解决方法)

纠结了两天的MUI跳转的问题,终于解决了 ,现在分享给大家,希望大家有什么坑的解决也给我分享分享 哈哈,废话不多说,上代...

mui页面之间传值的两种方法

分析:MUI是一个封装了Html5+的框架,所以当然也可以用href来跳转,但是在移动端会出现白屏闪动的现象,用户体验极不好,经...

mui与vue.js结合实现上拉加载

我们在使用mui与vue.js结合起来的时候会导致上拉加载失败,是因为vue.js生成的时候影响了demo节点,我们只要先用vue初始化...

mui上拉加载的坑

首先是和vue.js结合起来用容易出现的坑:http://www.tnblog.net/aojiancc/article/details/2838要注意html结构:这两个样式...

mui 点击上拉加载

首先在想获取加载下一页数据时的div外设置一个想要加载的div如:&lt;divclass=&quot;mui-content-padded&quot;style=&quot;...

mui 页面传值

根据想要传的值来传到对应的页面去像这样的&lt;divclass=&quot;am-list-main&quot;&gt; &lt;h3class=&quot;am-list-item-h...

mui页面之间传值的两种方法

分析:MUI是一个封装了Html5+的框架,所以当然也可以用href来跳转,但是在移动端会出现白屏闪动的现象,用户体验极不好,经...

mui-app之评论

//显示数据的布局页面 //因为涉及到评论人和回复人所以要绑定两次数据具体如下 &lt;divid=&quot;comment&quot;v-for=&quo...

mui框架页面间的传值指针

把时髦的技术挂在嘴边,不如把过时的技术记在心里。 今天我们说的是关于MUI,一个封装了Html5+的框架间页面传值问题一,在h...

mui 关于点击事件失效的一些原因

有时候我们总会遗忘一些小细节,老是怨天怨电脑,这不行那不行的,凡是都是要细心,成功还是得看细节。所以说,以后我们敲...

mui地址栏传值的方法

地址栏传值与接收值摘要:也是种传值的方式第一步 :输入你要传值的内容location.href=&quot;main.html?Username=&quot;+$...