javascript - 给input绑定键盘事件，回调函数中代码执行出现问题。

问题描述

问 题

//给搜索按钮绑定click事件，能够根据input中的关键词通过ajax请求到出结果并显示到页面上去。

    $('.searchBtn').on('click',function(){
            var keywords = $('input[name=searchWord]').val();
            search(keywords);
        });

//但是想给input绑定一个回车事件，输入完关键词按回车进行查询。发现，页面上没有显示查询的数据。

    $('#search input').keydown(function(e){
            if(e.keyCode == 13){
                var keywords = $('input[name=searchWord]').val();
                //alert("hello");
                search(keywords);
            }
        
        });

而且发现alert（）执行完毕之后自行关闭了，请问这是什么原因？如何解决？

解决方案

我猜测原因是你这个input放到一个form表单里面了，你使用enter键的时候，触发了整个form表单的submit机制，到时页面刷新。你看看是不是这个问题。

这篇关于javascript - 给input绑定键盘事件，回调函数中代码执行出现问题。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！