JS实现回车搜索的两种方法
来源:互联网 发布:金融交易软件开发 编辑:程序博客网 时间:2024/06/07 08:01
JS实现回车搜索的两种方法
1.方法一:
functionhuichesearch(){//回车搜索
varevent=window.event||arguments.callee.caller.arguments[0];
if(event.keyCode==13){
search();//搜索函数
}
}
l 代码解释:当window触发事件或者函数被调用触发事件时,判断是否按下回车键(keyCode=13),按下回车键时进行搜索。
l window.event代表事件对象的状态,只有在事件(如鼠标、键盘等事件)被触发时这个对象才存在。
l arguments.callee指函数体本身,即huichesearch()函数本身;
l arguments.callee.caller.指函数体的调用函数体;
l Arguments.callee.caller.arguments[0]指事件对象。
2.方法二:(考虑到浏览器兼容性)
function huichesearch(e){//回车搜索
varkeyCode=window.event?e.keyCode:e.which;
if(keyCode==13){
search();//搜索函数
}
}
代码解释:
which 和 keyCode 属性提供了解决浏览器的兼容性的方法:
l keyCode属性返回onkeypress事件触发的键的值的字符代码,或者 onkeydown 或 onkeyup 事件的键的代码。
浏览器支持:
注意:在 Firefox 中,keyCode 属性在 onkeypress 事件中是无效的 (返回 0)。浏览器兼容问题,可以一起使用 which 和 keyCode 属性来解决:
var keyCode = window.event ? e.keyCode:e.which;
l which 属性返回onkeypress事件触发的键的值的字符代码,或者 onkeydown 或 onkeyup 事件的键的代码
浏览器支持:
l Event.which:http://api.jquery.com/event.which/
3.总结
l 回车搜索的思路:获取触发事件--做判断是否为回车事件--做搜索处理。
l 解决兼容性问题就一起使用 which 和 keyCode 属性来解决
- JS实现回车搜索的两种方法
- js实现二分搜索的两种方法
- JS实现回车搜索
- 模态框回车搜索的实现
- JS代码实现-搜索框输入后-回车实现搜索
- js实现div内容局部变色的两种方法
- js实现字符串反转的两种方法
- 关于JS获取select值的两种实现方法
- js实现瀑布流的两种方法
- js分页页码显示逻辑实现的两种方法
- js定义对象的两种方法以及js用call来实现类的继承
- JS实现打印两方法
- js 回车提交表单的实现
- js两种实现网页图片滚动的方法 和一种切换的方法
- python2.X中print不输出回车的两种方法
- js捕获错误的两种方法
- JS导出EXCEL的两种方法
- JS数组合并的两种方法
- linux常用命令大全
- mysql 中文镜像地址
- 点和直线的计算(直线的参数方程表示)刘汝佳版
- 多柱深度神经网络——Multi-column Deep Neural Networks for Image Classification
- java基础知识总结
- JS实现回车搜索的两种方法
- Swift语言学习笔记(一)
- mavne工程运行报错:软件包javax.crypto 不存在解决办法
- XMPP学习8-Jingle
- webstorm授权服务器
- 蛇形填数(2)
- 说说用#{},和 ${}传参的区别
- 七牛获取ppt页数--java
- 1.Hibernate概述