js实现按下回车键点击按钮


html部分:

<div class="web">
        <input type="text">
        <button class="btn">按钮</button>
</div>

jsbufen

const btnNode = document.querySelector('.btn');
        const inp = document.querySelector('input');

        btnNode.addEventListener('click', () => {
            alert('测试');
        });

        inp.addEventListener('keyup', (event) => {
            if (event.keyCode === 13) {
                btnNode.click();
            }
        });

以上是原生js的,如果是在vue中,可直接用@keyup.enter='触发的方法名'来代替


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM