在提问一个问题: 如果有多个 文本框, 一个按钮, 怎样通过按钮 在光标所在文本框中光标所在位置添加内容(比如固定插入一个字母 P)

wwle 2004-09-23 10:49:15
谢谢哦
我是试了不幸呀???


<script type="text/javascript">
function test()
{
if (a.gotfocus)
getpos(a);
else
getpos(b);
}

function getpos(obj)
{
obj.focus();
var r = document.selection.createRange();
var i;
var s = obj.value;
r.collapse(false);
r.setEndPoint("StartToStart", obj.createTextRange());
i = r.text.length;
obj.value = s.substr(0,i) + prompt('请输入内容:')+ s.substr(i,s.length);
}

</script>

<input type=text name=a size=200 value=edit1><br>
<input type=text name=b size=200 value=edit2><br>
<input type=button value="abcd" onclick="test();">
...全文
151 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
meizz 2004-09-24
  • 打赏
  • 举报
回复
<input onblur="global=this"><br>
<input onblur="global=this"><br>
<input type=button value=meizz onclick="mm()">
<SCRIPT LANGUAGE="JavaScript">
var global = null; //记录是要在哪个文本框里插入
function mm()
{
var old = window.clipboardData.getData("Text");
var txt = window.prompt("请输入", "");
if(txt && global)
{
window.clipboardData.setData("Text", txt);
global.focus();
document.execCommand('Paste');
global=null;
}
window.clipboardData.setData("Text", old);
}
</SCRIPT>
zltostem 2004-09-24
  • 打赏
  • 举报
回复
<input name=a size=20 value=ABcd>
<input type=button value="插入" onclick="getpos(a)">
<script type="text/javascript">
function getpos(obj)
{
obj.focus();
var r = document.selection.createRange();
var i;
var s = obj.value;
r.collapse(false);
r.setEndPoint("StartToStart", obj.createTextRange());
i = r.text.length;
obj.value = s.substr(0,i) + 'p' + s.substr(i,s.length);
};
</script>
bananasmiling 2004-09-24
  • 打赏
  • 举报
回复
<script type="text/javascript">
var obj;
function test()
{
if (obj) getpos(obj);
}

function getpos(obj)
{
obj.focus();
var r = document.selection.createRange();
r.text = prompt('请输入内容:');
}

</script>

<input type=text name=a size=200 value=edit1 onfocus="obj=this"><br>
<input type=text name=b size=200 value=edit2 onfocus="obj=this"><br>
<input type=button value="abcd" onclick="test();">


这个真叫绝...
bananasmiling 2004-09-24
  • 打赏
  • 举报
回复
<img src="http://be10.ods.org/51js/images/standard/newtopic.gif" onClick="area.value+='[img][/img]'">
<textarea id="area"></textarea>
fason 2004-09-24
  • 打赏
  • 举报
回复
<script type="text/javascript">
var obj;
function test()
{
if (obj) getpos(obj);
}

function getpos(obj)
{
obj.focus();
var r = document.selection.createRange();
r.text = prompt('请输入内容:');
}

</script>

<input type=text name=a size=200 value=edit1 onfocus="obj=this"><br>
<input type=text name=b size=200 value=edit2 onfocus="obj=this"><br>
<input type=button value="abcd" onclick="test();">
kingchang2000 2004-09-24
  • 打赏
  • 举报
回复
也是msgbox,后面的按钮类型参数看一下是什么样的,这个msgbox其实比js的一些提示框功能要丰富的多
wwle 2004-09-24
  • 打赏
  • 举报
回复
vbscript 里面有 像javascript中的 confirm()哪样的对话框呀?
wwle 2004-09-24
  • 打赏
  • 举报
回复
呵呵谢谢大家哦!
ouyld 2004-09-24
  • 打赏
  • 举报
回复
<script>
fuction aa()
{
var aa="p"
if(document.form1.text1.focus())
{
document.form1.text1.value=aa
}
else
{
if(document.form1.text2.focus())
{
document.form1.text1.value=aa
}
.....
}
</script>
<body>
<form name="from1">
<input type="text' name="text1">
<input tupe="text" name="text2">
<input type="submit" name="a" onclick="aa()">
</body>
已经博主授权,源码转载自 https://pan.quark.cn/s/a4b39357ea24 在网页构建与开发过程,个性化定制文本框光标能够显著增强用户的使用感受。 JavaScript作为一门功能强大的客户端脚本语言,能够有效达成定制化光标交互的预期效果。 下文将依据现有文档资料,对完成这一功能所必须掌握的核心技术点进行系统阐述。 ### 定制文本框光标的整体构思定制化文本框光标通常需要模仿浏览器原生文本框光标的视觉形态与功能表现。 依据HTML标准规范,文本框光标仅可通过CSS的`color`属性进行色彩调整,若需实现诸如形状、色彩渐变或动态效果等复杂样式,则必须借助JavaScript编程技术加以实现。 ### 核心操作与事件响应机制文档资料界定了三种基础键盘操作类型:向左移动光标、向右移动光标以及执行删除操作。 这些操作对应的JavaScript事件处理程序包含获取按键信息、评估文本框状态以及修正光标位置的算法逻辑。 1. **向左移动光标**:当触发向左箭头键操作时,若文本框内存在内容光标需向左偏移一个字符单位。 若光标已处于文本起始位置,则维持当前位置不变。 该功能可通过监听键盘事件实现按键动作的捕捉,并同步更新光标坐标。 2. **向右移动光标**:当触发向右箭头键操作时,若文本框内存在内容光标需向右偏移一个字符单位。 若光标已到达文本终止位置,则维持当前位置不变。 与向左移动类似,更新光标坐标需综合考量文本框的当前内容状态。 3. **执行删除操作**:当触发退格键操作时,若文本框内存在内容,需移除光标左侧的一个字符,并同步调整光标位置。 若文本框为空状态,则光标位置保持不变。 ### HTML文档结构定制文本框光标首先需要构建合适的HTML文档结构,这包括用于呈现光标的`d...

87,992

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧