回车自动触发页面的搜索

最新推荐文章于 2022-12-05 16:02:49 发布

boslm

最新推荐文章于 2022-12-05 16:02:49 发布

阅读量364

点赞数

分类专栏：心得文章标签： js html css

本文链接：https://blog.csdn.net/boslm/article/details/111077466

版权

心得专栏收录该内容

47 篇文章 0 订阅

订阅专栏

本文涉及到的技术点主要包括检测键盘输入、获取不包含某个属性的元素

1、检测键盘输入，在body加上onkeydown方法，只要键盘输入就检测，event.keyCode获取键盘输入值，13是回车
<body οnkeydοwn="enterkey()" style="padding:0px;margin:0px; overflow:hidden;" scroll="no">

2、元素获取：获取div有temp属性值为content的，并且style又不包含divplay:none的，要把两个条件贴在一起写，不要有空格。最后再查找下面的子元素find方法即可
function enterkey(){
    var keycode = event.keyCode;
   if(keycode==13){
       //检测当前有没有激活的tab，并且有搜索按钮，有则触发
           // var active_tab = document.querySelector("#indexcontent").querySelector("div[temp='content']");
           // var active_tab = document.querySelector("#indexcontent").querySelector("div:not[style='display:none']");
           // var active_tab = $("div[temp='content'] :not(:contains('display:none'))");
      var active_tab = $("div[temp='content']:not([style^='display: none;'])");
           console.log(active_tab,'active_tab');
           var search_btn = active_tab.find("[id^='search_']");
           console.log(search_btn,'btn');

           if(search_btn.length>0){
               search_btn[0].click();
      }

   }
}

boslm

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
回车自动触发页面的搜索

本文涉及到的技术点主要包括检测键盘输入、获取不包含某个属性的元素1、检测键盘输入，在body加上onkeydown方法，只要键盘输入就检测，event.keyCode获取键盘输入值，13是回车<body onkeydown="enterkey()" style="padding:0px;margin:0px; overflow:hidden;" scroll="no">2、元素获取：获取div有temp属性值为content的，并且style又不包含divplay:none的，要把.
复制链接

扫一扫