ie8input输入中文问题

liweihao19860000 2011-04-27 03:39:35

用ie8时，input输入中文后，input输入框抖动，同事出现蓝色细线，如果输入的是数字或者是英文，input标签就不会抖动，也不会出现细线，注：该网页以蓝色作为背景色，该input嵌入一table中，table以白色作为背景色。
请高手指教解决。

...全文

160 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

liweihao19860000 2011-04-27

打赏
举报

问题已经解决，原来style.css里设置了body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: "宋体";
font-size: 12px;
color: #333333;
background-color: #2286C2;
}
属性background-color: #2286C2;为蓝色，所以iframe中src所指向的jsp文件中的body背景色也为蓝色了，在iframe中src所指向的jsp文件修改背景色为白色就不会出现这问题了。

fengqipiaobo 2011-04-27

打赏
举报

IE8 下一般都加入代码，

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

让其以兼容IE7的模式运行！

很多大型网站也是这样做的！

liweihao19860000 2011-04-27

打赏
举报

input标签下有iframe标签，如果去掉iframe标签，页面就不会出现细线了，不知道这是为什么。

网上找了很多，不实用，要不兼容问题，这个可以！<input>禁止键盘及中文输入，但又不能用readonly 而且还需兼容ie 和 ff , 为了完成这功能费了蛮大功夫，呵呵，在此记录以便日后之用；另外禁止粘贴 onpaste=”return false” 代码如下:<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”> <HTML> <HEAD> <TITLE> New Document </TITLE> [removed] // 样式 style=”ime-mode:disable

网上看到很方便实现这个功能的事件： IE 中的 onpropertychange 非IE中的 oninput 用这两事件的好处是，当在输入框的内容发生变化调用事件，使用key 和 mouse的相关事件会比较复杂，而且这个方法用粘贴方法一样有效。不过用js改变input的value值不会发生这两个事件。在中文本框中添加两个事件的方法就可以了。（看到网上说非ie中的oninput方法要用addEventListener绑定，用 element.oninput = function(){…}不行，可是我在火狐6中是可以的，不过为了安全起见，这里我还是使用标准的方法 element.addEven

整体思路是这样，当文本框的值改变时触发事件，对列表中原有的值进行过滤。根据这个思路，首先需要解决的无非是确定文本框的什么事件可以满足要求，当时第一个想到的是onkeydown或者onkeypress，在试的过程中发现再输入中文时，无法响应，因为输入方会将焦点给屏蔽了。在网上寻觅了一会发现onpropertychange事件为改变文本属性时就会出发，所以当文本框输入数据的时候其实是在改变文本框的value属性。而且中文也可以满足，本以为大功告成，最后才发现这个事件为IE的专属事件，其他的浏览器并没有该事件。而对应的oninput则可以满足需求。具体的实现是，文本框，隐藏按钮，当在文本框输入内

直接粘贴到html文件便可看到效果 <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <meta http-equiv=X-UA-Compatible content=IE=edge /> <meta name=viewport content=width=device-width, initial-scale=1 /> [removed][removed] [removed] /

无标题文档 JS通用表单Input检测块(IE支持) 通过自定义每一个Input的六个新属性(可省略任意个) //自定义属性解释(IE支持): //ii_chname：表示该数据的中文名称 //ii_minsize:表示允许输入的最小长度,单位字节 //ii_maxsize：表示允许输入的最大长度,单位字节 //ii_type:限制输入的数据类型，有 EN(英文),CN(中文),NUM(实数),INT(整数),DATE(短日期),EMAIL(邮件)

CSS

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章