javascript - js可以做出这种点击a标签向textarea插入标签并且把光标放在标签之间的效果吗？
本文介绍了javascript - js可以做出这种点击a标签向textarea插入标签并且把光标放在标签之间的效果吗？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
上面动态图可以看出来，当点击粗体的时候，就会向textarea插入标签对，并且光标自动出现在标签中间！其它的也是一样，这么怎么做？
解决方案
<!DOCTYPE html>
<html>
<head>
<title>Hello World</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body>
<input type="button" onclick="test()" value="a">
<textarea id="txt" cols="30" rows="10"></textarea>
</body>
<script>
var txt = document.getElementById("txt");
txt.value = "123456";
function test(value){
var temp = txt.value;
txt.focus();
var pointIndex = txt.selectionStart;
var str1 = temp.substr(0,pointIndex);
var str2 = temp.substr(pointIndex,temp.length);
txt.value = str1+"<a></a>"+str2;
var newIndex = pointIndex+3;
txt.setSelectionRange(newIndex,newIndex);
}
</script>
</html>这篇关于javascript - js可以做出这种点击a标签向textarea插入标签并且把光标放在标签之间的效果吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
