问答

使用JavaScript获取网易云音乐搜索框input元素无法聚焦?

作者:admin 2021-04-22 我要评论

使用下面JavaScript方法都可以获取网易云音乐搜索框input元素 document.querySelector("input"); document.getElementById('srch'); 在控制台执行也可以聚焦 win...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

使用下面JavaScript方法都可以获取网易云音乐搜索框input元素

document.querySelector("input");
document.getElementById('srch');

在控制台执行也可以聚焦

window.setTimeout(function(){ document.getElementById("srch").focus();}, 6000);

设置快捷键在页面执行,报错Cannot read property 'focus' of null

    document.addEventListener('keydown',function(event) {
    
        var keynum = event.which;
        
        //ALT+H
        if(keynum==72 && event.altKey){
                var searchBar = document.querySelector("input[name=wd],input[type=text],input[name=srch],input[autocomplete],input[type=search]")
                if(searchBar !== null){
                    searchBar.focus();
                }else {
                    document.getElementById('srch').focus();;
                }
            
        }
    });

https://music.163.com/

image

###

image.png

看上去是生效了,但是他里面是有iframe的。
所以得看你当前活跃的是那个iframe。有可能监听不到倒是真的

image.png

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 使用JavaScript获取网易云音乐搜索框in

    使用JavaScript获取网易云音乐搜索框in

  • vue框架下的web网页占用了其他页面的样

    vue框架下的web网页占用了其他页面的样

  • vue 项目添加eslint之后警告处理

    vue 项目添加eslint之后警告处理

  • 网站外链问题

    网站外链问题

腾讯云代理商
海外云服务器