javascript - 下面是jq代码,怎么写成原生js代码?

查看:82
本文介绍了javascript - 下面是jq代码,怎么写成原生js代码?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

$('.inputw').on('keydown', function(event) {
                    var evt = event || window.event;
                    if(this.value == "" && evt.keyCode == 8) {
                        // 如果为空且按下退回键
                    $(this).prev('input').focus();
                    }
                });

解决方案

大概就是这个意思,没有测试过。只兼容IE9及以上

var inputws = document.querySelectorAll(".inputw").slice();
inputws.forEach(function(dom,index){
    dom.addEventListener("keydown",function(event){
        if(this.value == "" && event.keyCode == 8) {
            if(index===0){
                return
            }
            inputws[index-1].focus();
        }
    });
});

这篇关于javascript - 下面是jq代码,怎么写成原生js代码?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆