js框行号显示的文本效果（与多种浏览器兼容）

一个非常实用且简单的文本编辑框，它用js构建，可以显示行号，与IE和Firefox等主流浏览器兼容，如下所示：




以下是效果的来源：







显示行号文本框效果，与IE、Firefox和其他浏览器兼容

# { 666 } #主要颜色：
textarea { border: 1px solid # 7f9db9；字体大小：9pt；宽度：430px；颜色：# 000 }
颜色：#。灰色{ 999 }
# msg1，# MSG2，# msg3，# msg4 {显示：无}
# OL {位置：绝对；Z指数：1；padding: 0px；保证金：0px；border: 0px；背景：# ecf0f5；宽度：23px；文本对齐：左；}
#李{背景：# ecf0f5；身高：160px；溢出：隐藏；宽度：32px；边框右：0；线高度：20px；保证金：0px；padding: 0px；文本对齐：中心}
# C2 {字体家庭：Arial，Helvetica，sans-serif；身高：160px；保证金：0px；宽度：416px；填充物：0 00 35px；overflow-x：隐藏；线高度：20px；}


字符串。原型。trim2 =函数（）{
返回（this.replace /（^ *）|（ * $）/ g，）；
}
函数f（objId）{
返回值document.getelementbyid（objId）；
}
函数g（objId）{
返回document.getelementbyid（objId）；
}








请在这里插上几个字看看。





文本框没有内容。

VaR法= {msg1
var
VaR Slen = { 502000020000,60 }； / /文字的最大允许数
var；
首先0,0,0,0,0,0 } = { var；
函数是空的（strval）{
如果（strval = =）
返回true；
其他的
返回false；
}
函数为（testval）{
无功regval = / ^ * $ /；
返回（regval.test（testval））
}
功能chlen（strval）{
strvalstrval = strval.trim2（）；
var卡尔= strval.match（ / { ^ 设备- xff } / IG）；
返回strval。长度+（卡尔= =零0：卡尔。长度）；
}
函数检查（i）{
var = F（我C+我）；
无功iobj = G（味精+我）；
var n =（chlen（重视）> Slen {·}）；
如果（（（为我）= =真的（空的）| |（我）= =真）| | n = = true）{
iobj.style.display =块；
其他{ }
iobj.style.display =没有；
}
}
功能检查（）{
对于（var i = 0；i < msga.length；i++）{
检查（i + 1）；
如果（G（MSGA {我}）。风格。显示= =无）{
继续；
其他{ }
警报（）填写错误，请检查消息！；
返回；
}
}
G（Form1）提交（）；
}
功能clearvalue（我）{
G（C {·}）。风格。颜色=# 000 ；
KeyUp（）；
如果（先{我} = = 0）{
G (c{i-1}).Value= ;
}
首先，{我} = 1；
}
功能KEYUP（）{
var obj = G（C2）；
var str = obj.value；
strstr = str.replace（ / R / GI，）；
strstr = str.split（；
n = str.length；
直线（n）；
}
函数行（n）{
无功lineobj = G（礼）；
对于（var i = 1；i < = n；i + +）{
如果（文件all）{
+；
其他{ }
+；
}
}
Lineobj。值=民；
；
}
功能自动滚屏（）{
var＝0；
如果（！文档（全部）{
NV = G（C2）。ScrollTop；
G（礼）。ScrollTop = NV；
setTimeout（自动滚动（）
}
}
如果（！文档（全部）{
Window.addEventListener（负荷
}





以上是javaｓｃｒｉｐｔ如何实现文本框显示文本框效果的源代码，希望对大家有所帮助。