猿问

给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()执行完毕之后自行关闭了,请问这是什么原因?如何解决?

明月笑刀无情
浏览 1208回答 1
1回答

慕雪6442864

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

相关分类

JavaScript
我要回答