JS回车处理代码示例

最新推荐文章于 2024-03-12 20:38:38 发布

我是黄老邪

最新推荐文章于 2024-03-12 20:38:38 发布

阅读量788

点赞数

分类专栏： JavaScript 文章标签： javascript 浏览器 JS

本文链接：https://blog.youkuaiyun.com/dezhihuang/article/details/64439467

版权

JavaScript 专栏收录该内容

5 篇文章

订阅专栏

支持浏览器：Google Chrome、Internet Explorer、Firefox、Safari

主要在于文本输入控件绑定按键按下事件onkeydown，然后在处理函数中进行按键判断并做相应的处理。

<html>
    <head>
        <title>回车键测试</title>
        <meta http-equiv='Content-Type'content='text/html; charset=utf-8'/>
        
        <script>
            //判断回车键是否被按下
            function isEnterKeyPress(e)
            {
                //获取按键值，并兼容各大浏览器
                var keynum = window.event ? e.keyCode : e.which;
                if(keynum == 13){
                    return true;
                } else {
                    return false;
                }
            }
            
            // 如果回车键按下立即搜索
            function onKeyDown(obj, e) {
                if (isEnterKeyPress(e)) {
                    var tmpObj = obj.parentNode.getElementsByTagName("button")[0];
                    btnClick(tmpObj);
                }
            } 

            function btnClick(obj) {
                var value = obj.parentNode.getElementsByTagName("input")[0].value;
                alert("您输入的内容："+value);
            }
        </script>
    </head>
    
    <body>
        <div>
            <label>输入：</label>
            <input type="text" οnkeydοwn="onKeyDown(this, event)">
            <button οnclick="btnClick(this)">确认</button>
        </div>
    </body>
</html>