模拟京东按键输入内容案例、模拟京东快递单号查询案例

Just-Lsy

于 2022-03-04 23:30:36 发布

阅读量217

点赞数

本文链接：https://blog.csdn.net/m0_59030524/article/details/123286703

版权

模拟京东按键输入内容案例：

<body>
    <input type="text">
    <script>
        var search = document.querySelector('input');
        document.addEventListener('keyup', function (e) {
            console.log(e.keyCode);
            if (e.keyCode === 83) {
                search.focus();
            }
        })
    </script>
</body>

模拟京东快递单号查询案例：

注意：keydown 和 keypress 在文本框里面的特点：他们两个事件触发的时候，文字还没落入文本框里。 keyup触发的时候，文字已经落入文本框里面了。

<style>
        * {
            margin: 0;
            padding: 0;
        }

        .search {
            position: relative;
            width: 178px;
            margin: 100px;
        }

        .con {
            display: non

最低0.47元/天解锁文章

Just-Lsy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
模拟京东按键输入内容案例、模拟京东快递单号查询案例

模拟京东按键输入内容案例：<body> <input type="text"> <script> var search = document.querySelector('input'); document.addEventListener('keyup', function (e) { console.log(e.keyCode); if (e.keyCode ===
复制链接

扫一扫