js的textarea中字体颜色改变

最新推荐文章于 2022-12-26 07:29:27 发布

qizhongfei

最新推荐文章于 2022-12-26 07:29:27 发布

阅读量7k

点赞数 1

分类专栏： js 文章标签： javascript function testing input 输入法

本文链接：https://blog.csdn.net/qizhongfei/article/details/7644186

版权

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

------解决方案--------------------------------------------------------
自己想思路去吧
<textarea id= "test " rows= "5 " cols= "60 " οncοpy= "return false "> abcdefghijk </textarea>

<script language= "javascript ">
var red = document.createElement( "font ");
red.color= "red ";
red.innerText= "a ";
test.appendChild(red);
</script>

------解决方案--------------------------------------------------------
IE 6 下可用，L@_@K

<body>
<textarea id= "divTest " rows= "5 " cols= "30 "> abcdefghijk </textarea>
<textarea id= "divInput " rows= "5 " cols= "30 "> </textarea>
<script language= "JavaScript ">

</script>
</body>
------解决方案--------------------------------------------------------
<html>
<head>
<title> </title>
<SCRIPT language= "JavaScript ">

function Testing()
{
var inputText = document.getElementById( "input ").value;
var chr = document.getElementById( "test ").value.substr(inputText.length, 1);

if (String.fromCharCode(event.keyCode) != chr)
{
var errChar = document.createElement( "font ");
errChar.color= "red ";
errChar.innerText = String.fromCharCode(event.keyCode);
document.getElementById( "input ").appendChild(errChar);
event.returnValue = false;
}
}
</SCRIPT>
</head>
<body>
<textarea id=test rows=5 cols=60 οncοpy= "return false "> abcdefghijk </textarea>
<textarea id=input rows=5 cols=60 οnpaste= "return false " οnkeypress= "Testing() "> </textarea>
</body>
</html>
------解决方案--------------------------------------------------------
div可编辑是contenteditable属性，比如
<div contenteditable> 这些是可以编辑的 </div>

FF下用designMode

如果有问题加我QQ：894596225

欢迎加入java QQ群：173254284