首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

单击按钮的值返回到文本框中,该如何处理

2012-02-24 
单击按钮的值返回到文本框中[codeHTML][/code]headtitle无标题文档/title/headbodyscript lan

单击按钮的值返回到文本框中
[code=HTML][/code]<head>

<title>无标题文档</title>

</head>

<body>
<script language="javascript">

function Insert(str) { 
var obj = document.getElementById('content'); 
if(document.selection) { 
obj.focus(); 
var sel=document.selection.createRange(); 
document.selection.empty(); 
sel.text = str; 
} else { 
var prefix, main, suffix; 
prefix = obj.value.substring(0, obj.selectionStart); 
main = obj.value.substring(obj.selectionStart, obj.selectionEnd); 
suffix = obj.value.substring(obj.selectionEnd); 
obj.value = prefix + str + suffix; 

obj.focus(); 



</script>
<table width="630" height="55" border="0" cellpadding="0" cellspacing="0">
<tr><td>

<label>
<textarea id="content" name="textarea" style="width:500px; height:120px;"></textarea>
</label>

</td></tr>
<tr>

<td width="567" align="left" >
<input type="button" style="cursor:hand" onclick="javascript:Insert('急')" value="急 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('发')" value="发 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('求')" value="求 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('回')" value="回 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('货')" value="货 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('至')" value="至 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('车')" value="车 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('到')" value="到 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('要')" value="要 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('在')" value="在 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('剩')" value="剩 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('空')" value="空 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('装')" value="装 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('占')" value="占 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('或')" value="或 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('节')" value="节 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('大')" value="大 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('小')" value="小 " /> 
<input type="button" style="cursor:hand" onclick="javascript:Insert('卸')" value="卸 " /> 





</td>

</tr>
</table>
</body>
</html>





此代码有点问题,单击按钮,按钮的值就在文本域中显示,当你继续单击空白处后,再去单击按钮文本域中显示的文字不能随上次位置继续显示,而是在文本域的开始地方显示,求解!!!

[解决办法]
纠正一下,不只IE,chrome、opera、sarafi也需要自己把光标移到最后。

热点排行