客volf
客volf
  • 发布:2015-07-05 18:32
  • 更新:2019-02-23 23:56
  • 阅读:39897

mui搜索框 搜索点击事件

分类:MUI

<div class="mui-input-row mui-search">
<input type="search" class="mui-input-clear" placeholder="">
</div>
请问这种搜索框的搜索事件如何实现,为什么文档没有说明?

2015-07-05 18:32 负责人:无 分享
已邀请:
小微

小微

document.getElementById("qdkey").addEventListener('input',function(){

        });
  • 6***@qq.com

    管用,一楼的不管用

    2019-02-23 23:38

  • 6***@qq.com

    每次输入一个字符触发一次,这,不好吧

    2019-02-23 23:39

朋也

朋也 - https://tomoya92.github.io

@lzzyjsj 代码如下

<div class="mui-input-row mui-search" id="searchForm">  
    <input type="search" id="searchInput" onkeyup="enterSearch(event)" class="mui-input-clear" placeholder="搜索车型">  
</div>  

function enterSearch(e) {  
    if(e.keyCode == 13) {  
        $("#searchInput").blur();  
        mui.openWindow({  
            id: 'search_ok.html',  
            url: 'search_ok.html',  
            extras: {  
                keyword: $("#searchInput").val()  
            }  
        })  
    }  
}
  • lzzyjsj

    已经解决了,谢谢!

    2015-12-30 12:43

朋也

朋也 - https://tomoya92.github.io

就是html默认的事件,给它添加一个事件,e.code = 13
找一下问答里搜索事件的添加,有提问

  • lzzyjsj

    请问是怎么解决的

    2015-12-26 19:23

上交国家

上交国家

我是这么处理的。给你参考下。

  • lzzyjsj

    我已经解决了,谢谢

    2015-12-30 12:43

z***@21cn.com

z***@21cn.com

谢谢分享

mrwhisper

mrwhisper

请问如何解决的。谢谢

  • Float

    http://blog.csdn.net/u014010798/article/details/52691524

    2016-10-25 16:09

  • mrwhisper

    十分感谢

    2016-10-27 11:31

5***@qq.com

5***@qq.com

谢谢分享

7***@qq.com

7***@qq.com - 动漫宅

绑定的事件是通过什么来触发的

6***@qq.com

6***@qq.com - 90后IT男|CEO|创始人

document.onkeydown=function(event){
var e = event || window.event || arguments.callee.caller.arguments[0];
if(e && e.keyCode==13){ // enter 键
//要做的事情
alert("按 Enter");
} };
亲测管用

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