最近改一个网页在不同浏览下不兼容问题。
原来有个功能,是在输入框中,按回车相当于TAB键,到下一个输入框。
代码如下,在输入框的keydown事件中:
if(event.keyCode==13)event.keyCode=9;
在IE下运行正常,在谷歌下不正常,尝试了很多种方法,无法模拟键盘事件TAB(自己估计应该是浏览器安全问题)
所以重写一个模仿TAB功能的事件
以下是JS文件中的内容:
function TabObj(className)
{
this.ele = $("."+className);
this.next = next;
}
function next(unit)
{
var tmp = this.ele;
$.each(this.ele,function(index,element){
if(this == unit){
if(tmp.length > index+1)
tmp[index+1].focus();
else
tmp[0].focus();
return false;
}
});
}
==========================
在网页中加入:
var tabObj ;
$(function(){
tabObj= new TabObj("input_type2");
});
在需要实现按车的输入框中原来event.keyCode=9换成tabObj.next();
按回车跳到的输入框依次加上class="input_type2".
分享到:
相关推荐
输入框为空回车切换到下一个控件.rar
使用Unity自带的一些插件 实现Tab键自动切换输入框,住左(或者右)shift,在按下tab键,光标进行向上跳转!
jQuery实现输入框回车添加标签代码,可以在输入框输入关键词后回车键入标签,也可以选择预设的标签,选择后的标签会显示在输入框的上方,也可以删除,支持过滤重复标签。
input多标签插件 按回车生成新的标签
在输入框输入字符后回车生成对应的标签,可以删除和无限添加,并且增加了很多的事件监听。如回车前监听,回车后,删除标签,重新渲染数据,清空数据等。
输入框为空回车切换到下一个控件.rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
模仿iphone输入框添加删除按钮,自定义editext
带清除按钮的输入框,可以点击清除按钮清空输入框
主要介绍了js如何操作输入框中选择的内容兼容IE及其他主流浏览器,需要的朋友可以参考下
Windows 7旗舰版系统下浏览器网页输入框无法输入文字.docx
在文本框中输入完内容后,经常需要按回车,焦点跳到下个文本框,或者触发按钮事件
易语言自定义信息框输入框按钮标题,HookProc,MessageBox,SetDlgItemText,SetWindowsHookEx,UnhookWindowsHookEx,GetWindowLong,GetDlgItemText
大家都知道safari浏览器中输入框在获取焦点后,会出现非常漂亮的边框倒影效果,可惜这样的效果在IE等浏览器下不好实现,不过没关系,用jquery插件即可实现
js绑定input框实现上下左右键和Enter键控制table中光标的移动,光标移至最后一个input框处,按enter键新增一行。(多浏览器可用)
Android Studio 在xml文件中设置界面布局1、xml文件中给输入框editText修改下划线颜色2、设置button按钮为圆角及修改按钮颜色3、运用约束布局时预览效果和运行效果不一致 写一写今天困扰我很久的问题:如何给...
Delphi 组件; 将该控件放在窗体上即可用Enter键,或向上、向下箭头键代替Tab键切换焦点。
一个列表界面只有一个输入框查询条件,当首次进入在输入框中输入汉字后,按回车键发现输入框中汉字变成乱码!本以为一个很简单不过的问题,结果却花了好久才找到原因(据说是浏览器问题),按回车后执行了两次查询。...
IE8网页输入框和按钮变小解决方法.doc
自己封装的一个EditText两边放加减按钮Button来控制输入框的数值
为减少页面空间占用,将图片按钮放置在input输入框中,兼容火狐、谷歌和IE,图片自行替换