jquery.autocomplete在火狐下的BUG解决

该插件在火狐下使用拼音输入法输入,回车后无法即使响应事件,需要再输入别的字母才会响应事件

主要原因:

该插件响应主要监听了keydown事件

其他浏览器在打开中文输入法的情况下输入的拼音字母是不会触发响应keydown事件的

而火狐是个例外,在你输入汉字的情况下,你输入的拼音也会触发keydown事件,因此就不正常了,只有通过别的方式再次重新触发响应事件才正常

解决思路:

1.keydown换成keyup,但这样会影响插件中回车键和tab键的事件,并不是个完美的解决方案

2.(推荐)

在该插件$input绑定事件的最后(约200行处)再绑定一个事件,onInput事件是HTML5新增事件,专门用于监听input变化,完美兼容火狐

bind("input",function(){

onChange(0,true);   //正确触发事件格式

});

时间: 2024-10-28 14:19:24

jquery.autocomplete在火狐下的BUG解决的相关文章

最近遇到一个很纠结的问题:jquery.autocomplete在IE6下被下拉框遮挡 。

最近遇到一个很纠结的问题:jquery.autocomplete在IE6下被下拉框遮挡 . 如图: 网上找到原因,例如:http://www.360doc.com/content/10/1126/16/2197500_72641076.shtml 但是,我们的问题是我们用了jquery.autocomplete这个控件,这些方法对于我们就不行了. 废话多了,直接解决方法: 第一步:打开jquery.autocomplete.min.js(或者直接jquery.autocomplete.js),找

jquery uploadify在火狐下无法上传的解决方案(.Net版)

走吧,一起来探个究竟. 一.jquery uploadify自我介绍: (1).大家好,我是jquery插件大家族中负责实现异步上传的插件,我不是唯一,只是较好用的一款. (2).我的功能: 支持单文件或多文件上传,可控制并发上传的文件数 在服务器端支持各种语言与之配合使用,诸如PHP,.NET,Java…… 通过参数可配置上传文件类型及大小限制 通过参数可配置是否选择文件后自动上传 易于扩展,可控制每一步骤的回调函数(onSelect, onCancel……) 通过接口参数和CSS控制外观 U

jquery操作checkbox火狐下第二次无法勾选问题

原来的代码: $('#checkAll').click(function(){ var current = $(this) $('.checkbox').each(function(){ debugger; if(current.is(':checked')) { $(this).attr('checked', true); } else { $(this).attr('checked', false); } }); }) 这样在firefox和chrome浏览器下第二次勾选时,属性改变了,页面

jQuery Ajax请求(关于火狐下SyntaxError: missing ] after element list ajax返回json,var json = eval("("+data+")"); 报错)

$.ajax({ contentType: "application/x-www-form-urlencoded;charset=UTF-8" , type: "POST", url:url, dataType: 'json', data:{}, success: function(data){ } }); 如果后台返回的是一个string类型的json串,则谷歌和IE下将它解析成string类型,而火狐下则会显示成[object xmlDocument],是一个o

类似baidu搜索 修正jquery的autocomplete在firefox下不支持中文输入法的bug

解决方法: 转自 =============================================================== http://blog.csdn.net/happymagic/article/details/8775123 =============================================================== jQuery.Autocomplete 是jquery的流行插件,能够很好的实现输入框的自动完成(autocomp

修正jquery的autocomplete在firefox下不支持中文输入法提交的bug

只要在jquery.autocomplete.js的213的分号后加上一下代码 .bind("input", function() { // @hack by liqt:support for inputing chinese characters in firefox onChange(0, true); }) 如果你在reult时间中绑定了事件,又希望复制过来的内容也能够触发你的事件,可以加上如下的代码,这样就能保证用户不单击选项也能触发你的result事件

uploadify在火狐下上传不了的解决方式,java版(Spring+SpringMVC+MyBatis)具体解决方式

?? 因为技术选型的原因,在一个产品中.我选择了uploadify,选择它的原因是它有完好的技术文档说明(http://www.uploadify.com/documentation/),唯一不足的是官方文档上的样例是用php写的. 而对与我们这些使用Java语言的小生们而言,在遇到问题后发现找到一个适合自己的样例非常不好找.特别是当遇到浏览器兼容问题的时候,找了好久终于发现依照网上的方式进行编写了,终于还是会出现莫名其妙的问题,而继续查找资料的时候,发现解说的并不具体. 以下我就把我遇到的这些

img标签下多余空白BUG解决方法

在进行页面的DIV CSS排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的 对于该问题的解决方法也是“见机行事”. 1.将图片转换为块级对象 即,设置img为“display:block;”.在本例中添加一组CSS代码:“#sub img {display:block;}”. 2.设置图片的垂直对齐方式 即设置图片的vertical-align属性为“top,text-top,bottom,text-bottom”也可以解决.如本例中

js添加的表单在火狐下获取不到数据的解决方法

相信很多朋友在进行网页制作的时候都会遇到过这样的问题:就是用js在表单内添加数据控件之后:在火狐下获取不到数据的问题. 前几天,我在开发一个使用js添加数据填写项的时候,也出现了这样的问题:一开始我还以为是火狐下ajax加载数据出了问题(因为在ie下可以正常的获取到数据):经过测试原来并是这样的问题,而是form放得位置不同, 在form和table结合使用的时候,很多朋友都喜欢这样放: <table>                <form>