CodeMirror2 IE7/IE8 下面未知运行时错误的解决方法


Posted in Javascript onMarch 29, 2012

原来出错的代码如下:

<p style="margin-top:0;"> 
<asp:TextBox ID="txtContent" runat="server" TextMode="MultiLine" Height="450" Width="98%"></asp:TextBox> 
</p>

出错的原因应该是IE7、IE8中的P不支持innerHTML。CodeMirror的作者也发现了这个问题,相关链接:

https://github.com/marijnh/CodeMirror2/issues/215

https://github.com/marijnh/CodeMirror2/commit/4886415d6054571f92fa4d5601ebe7d601e952ab

try { stringWidth("x"); } 
catch (e) { 
if (e.message.match(/runtime/i) || e.message.match(/运行时/i) ) 
e = new Error("A CodeMirror inside a P-style element does not work in Internet Explorer. (innerHTML bug)"); 
throw e; 
}

把textarea外层的p改成div,即可正常:
<div style="margin-top:0;"> 
<asp:TextBox ID="txtContent" runat="server" TextMode="MultiLine" Height="450" Width="98%"></asp:TextBox> 
</div>
Javascript 相关文章推荐
Web层改进II-用xmlhttp 无声息提交复杂表单
Jan 22 Javascript
JS打印组合功能
Aug 04 Javascript
JS实现六边形3D拖拽翻转效果的方法
Sep 11 Javascript
利用select实现年月日三级联动的日期选择效果【推荐】
Dec 13 Javascript
codeMirror插件使用讲解
Jan 16 Javascript
基于vue,vue-router, vuex及addRoutes进行权限控制问题
May 02 Javascript
使用proxy实现一个更优雅的vue【推荐】
Jun 19 Javascript
解决Layui 表单提交数据为空的问题
Aug 15 Javascript
详解关于Angular4 ng-zorro使用过程中遇到的问题
Dec 05 Javascript
JavaScript 扩展运算符用法实例小结【基于ES6】
Jun 17 Javascript
Vue如何使用混合Mixins和插件开发详解
Feb 05 Javascript
vue-cli3自动消除console.log()的调试信息方式
Oct 21 Javascript
javascript对talbe进行动态添加、删除、验证实现代码
Mar 29 #Javascript
jQuery 下拉列表 二级联动插件分享
Mar 29 #Javascript
50款非常棒的 jQuery 插件分享
Mar 29 #Javascript
基于jquery完美拖拽,可返回拖动轨迹
Mar 29 #Javascript
Javascript面向对象扩展库代码分享
Mar 27 #Javascript
用Javascript实现Windows任务管理器的代码
Mar 27 #Javascript
推荐30个新鲜出炉的精美 jQuery 效果
Mar 26 #Javascript
You might like
PHP用GD库生成高质量的缩略图片
2011/03/09 PHP
php 求质素(素数) 的实现代码
2011/04/12 PHP
php设置session值和cookies的学习示例
2014/03/21 PHP
php+mysql开发中的经验与常识小结
2019/03/25 PHP
IE关闭时判断及AJAX注销案例学习
2013/02/18 Javascript
jQuery 设置 CSS 属性示例介绍
2014/01/16 Javascript
jquery的live使用注意事项
2014/02/18 Javascript
JQuery为页面Dom元素绑定事件及解除绑定方法
2014/04/23 Javascript
javascript的alert box在java中如何显示多行
2014/05/18 Javascript
js实现文本框输入文字个数限制代码
2015/12/25 Javascript
jacascript DOM节点——元素节点、属性节点、文本节点
2017/04/18 Javascript
node.js支持多用户web终端实现及安全方案
2017/11/29 Javascript
vue中改变选中当前项的显示隐藏或者状态的实现方法
2018/02/08 Javascript
JS模拟实现哈希表及应用详解
2018/05/04 Javascript
详解JSON Web Token 入门教程
2018/07/30 Javascript
vant(ZanUi)结合async-validator实现表单验证的方法
2018/12/06 Javascript
微信小程序实现分享商品海报功能
2019/09/30 Javascript
python实现斐波那契递归函数的方法
2014/09/08 Python
Python中定时任务框架APScheduler的快速入门指南
2017/07/06 Python
Python 获取numpy.array索引值的实例
2019/12/06 Python
python绘制封闭多边形教程
2020/02/18 Python
python 解决mysql where in 对列表(list,,array)问题
2020/06/06 Python
tensorflow 2.1.0 安装与实战教程(CASIA FACE v5)
2020/06/30 Python
如何使用PyCharm引入需要使用的包的方法
2020/09/22 Python
Python命令行参数argv和argparse该如何使用
2021/02/08 Python
Lou & Grey美国官网:主打舒适性面料服饰
2017/12/21 全球购物
竞选卫生委员演讲稿
2014/04/28 职场文书
启动仪式策划方案
2014/06/14 职场文书
环保志愿者活动方案
2014/08/14 职场文书
最美家庭活动方案
2014/08/31 职场文书
教师四风问题对照检查材料
2014/09/26 职场文书
离婚财产分隔协议书
2014/10/23 职场文书
先进人物事迹材料
2014/12/29 职场文书
财务经理岗位职责范本
2015/04/08 职场文书
公司人事任命通知
2015/04/20 职场文书
2016年会开场白台词
2015/06/01 职场文书