外部js文件:enterKeySearch.js
$(function(){ window.onkeyup = function(event) { if (flag && event.keyCode == 13) { doSubmit(); } } var flag = false; var $querys = $(".query"); for (var i = 0; i < $querys.length; i++) { var $query = $($querys.get(i)); $query.bind({ "focus" : function() { flag = true; }, "blur" : function() { flag = false; } }); } });
使用方法:
1、在控件获取焦点后,键盘回车需要进行查询的html控件的class属性添加query,例如class="query",class="style1 query"
2、实现doSubmit方法。doSubmit方法是回车事件后执行的操作,比如查询操作。
实现思路:
1、页面加载时,初始化一个标识符flag(该标识符为true则表明支持enter键查询的html标签获得了焦点,为false则支持enter键查询的html标签都没有获取焦点),
取出class="query"的所有html标签,循环遍历给每个取出来的html标签添加focus和blur事件
给window绑定onkeyup事件
2、当class="query"的标签获取焦点时,则会将flag设置为true,当失去焦点,将flag设置为false
3、当摁下键盘,会判断是否是enter键(enter键keyCode为13),如果是enter键,并且flag为true,即获取有焦点,则会调用doSubmit方法
4,、在doSubmit方法中进行一些自定义的操作
时间: 2024-10-08 22:03:36