IE事件动态预览输入框内容 - 郑星阳 - ITeye博客

`

zccst

浏览: 3298731 次
性别:
来自: 北京

最近访客更多访客>>

consy

snowstorm

净瞎扯

离氺的鱼

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

yzq21056563：感谢作者分享~请教下，http://www.lisa33xia ...
CSS基础：text-overflow:ellipsis溢出文本
u012206458：
$.ajax的error,complete,success方法
DEMONU：谢谢，虽然不能给你赞助，但是要给你顶
mysql中key 、primary key 、unique key 与index区别
njupt_tolmes：阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿滕庆亚 ...
CSS基础：text-overflow:ellipsis溢出文本
zenmshuo：用过SpreadJS，也包含数据可视化的图表
推荐几个web中常用js图表插件

IE事件动态预览输入框内容

博客分类：

浏览器兼容性

JavaScript 浏览器 ie

阅读更多

作者：zccst

这种解决办法已在IE7，8，9下单独测试成功。
但是放在项目里还有错。

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>测试标题</title>

<style type="text/css">

</style>
<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">
$(function(){
	console.log($("#out").find("input.a,input.b"));
	$("#out").on("input","input", handler);
	if($.browser.msie){
		$("#out").find("input")[0].attachEvent("onpropertychange",handler);
	}
	function handler(e){
		//console.log($(e.currentTarget)[0]);
		//$(e.currentTarget)[0].propertychange = preveiw;
		$("#preview").html($("input[name=url1]").val());
	}
	function preveiw(){
		$("#preview").html($("input[name=url1]").val());
	}
});
</script>

</head>
<body>
预览：<div id="preview"></div>
<div id="out">
	<input type="text" id="url1" class="a" name="url1" value="" />
	<input type="text" id="url2" class="b" name="url2" value="" />
</div>

</body>
</html>

如果您觉得本文的内容对您的学习有所帮助，您可以微信：

分享到：

2014年7-12月犯的几个小错误 | 雷军的博客

2014-07-17 19:34
浏览 1273
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

自定义弹出对话框/输入框(完美支持IE等浏览器): 自定义弹出对话框/输入框(完美支持IE等浏览器)，自定义弹出对话框/输入框(完美支持IE等浏览器)，自定义弹出对话框/输入框(完美支持IE等浏览器)

超实用的jQuery代码段: 3.14 如何为动态添加的元素绑定事件处理函数 3.15 为表格行增加单击事件 3.16 用回车键模拟Tab键第4章 jQuery操作CSS样式 4.1 使用addClass（）函数动态添加样式类 4.2 使用removeClass（）函数动态移除样式类 4.3...

《程序天下：JavaScript实例自学手册》光盘源码: 2.16 动态设置控件的事件第3章字符串文本和输入框特效 3.1 只带下划线的输入框 3.2 限定文本框可输入字符数 3.3 文字过长的省略号 3.4 输出26个英文字母 3.5 首字母变为大写 3.6 textarea自适应文字行数 3.7 禁止...

程序天下:JavaScript实例自学手册: 2.16 动态设置控件的事件第3章字符串文本和输入框特效 3.1 只带下划线的输入框 3.2 限定文本框可输入字符数 3.3 文字过长的省略号 3.4 输出26个英文字母 3.5 首字母变为大写 3.6 textarea自适应文字行数 3.7 禁止...

H-ui.admin_v2.3.1: │ lightbox2 图片预览组件 │ │ html5.js html5插件，让低版本IE支持html5元素 │ DD_belatedPNG_0.0.8a-min.js 解决IE6png透明 │ swfobject.js Flash插件 │ expressInstall.swf 检查flash插件 │ ...

editplus 315 编辑器: 它还会结合IE浏览器于 EditPlus 窗口中，让你可以直接预览编辑好的网页(若没安装IE，也可指定浏览器路径)。因此，它是一个相当棒又多用途多状态的编辑软件 *支持windows 8。 *支持高分辨率。 *目录窗口中支持...

editplus 3.60.870 天涯浪子: 若你有安装 IE 3 0 以上版本它还会结合 IE 浏览器于 EditPlus 窗口中让你可以直接预览编辑好的网页若没安装 IE 也可指定浏览器路径 EditPlus 3 60 740 简体中文修正版由烈火汉化修正修正原版多个问题安装...

EditPlus_3.41.1145最新绿色破解版: IE 3.0 以上版本，它还会结合 IE 浏览器于 EditPlus 窗口中，让你可以直接预览编辑好的网页 (若没安装 IE，也可指定浏览器路径)。　v3.41 （2012-05-03）　<功能> 　* 支持 Zen Coding 　* ‘保留本地副本' FTP ...

EditPlus 3.31 Build 860 简体中文版: IE 3.0 以上版本，它还会结合 IE 浏览器于 EditPlus 窗口中，让你可以直接预览编辑好的网页 (若没安装 IE，也可指定浏览器路径)。 EditPlus 3.31.860 (2011-08-08) <功能> * 默认支持 Python/Ruby on Rails 语法加...

EditPlus 3.31 Build 1129: IE 3.0 以上版本，它还会结合 IE 浏览器于 EditPlus 窗口中，让你可以直接预览编辑好的网页 (若没安装 IE，也可指定浏览器路径)。 EditPlus 3.31.1129 (2011-11-17) 更新未知 EditPlus 3.31.976 (2011-09-21) ...

EditPlus_3.40.683 中文版: IE 3.0 以上版本，它还会结合 IE 浏览器于 EditPlus 窗口中，让你可以直接预览编辑好的网页 (若没安装 IE，也可指定浏览器路径)。版本 3.40 (2012-03-01) <功能> * 支持 Ctags ('搜索'->'Ctags') * 在查找对话框...

火狼首页N格插件 For Discuz!7.1/7.2 GBK UTF8 BIG5.rar: 进行了多种情况的浏览器兼容测试 (IE7/6、FireFox3)。作品与所有符合Discuz标准的风格兼容，目前没有发现错误，安装方便。说明：如果附件有更新，版本号没改变，除非特别说明BUG，一般是后台操作功能性的改进...

TearSnow Fan: TearSnow兼容IE6（IE六效果不是很好）及其他所有主流浏览器，浏览效果在不同内核的浏览器中有不完全一样的效果，不如在360浏览器中侧栏动态效果比较丑，但是其他浏览器都是非常爽的（具体还请自行检测）。...

js使用小技巧: ENTER键可以让光标移到下一个输入框 (event.keyCode==13)event.keyCode=9"> 文本框的默认值 (this.defaultValue)"> title换行 obj.title = "123&#13sdfs&#32" 获得时间所代表的微秒 var n1 = new Date("2004-...

Avant Browser 多语言版 2010 build 120: [修复]内容窗口可能定在桌面上而不跟随住窗口移动 [修复]按Alt 键会使页面输入框失去焦点 [修复]从其他应用程序切换回来时，用Ctrl+N可能无法使地址栏获得焦点下载地址：安装版：...

傲游浏览器3(Maxthon) 3.1.8.1000 正式版: * 在输入框下拉菜单选择通用填表项时, 输入框会失去焦点. [迅雷下载模块] * 在英文系统下, 第一次启动傲游迅雷加速下载时语言显示不正确. * 关闭浏览器时迅雷下载模块可能会崩溃. 傲游浏览器3.1.7.1000 本次更新...

Global site tag (gtag.js) - Google Analytics