JS根据光标所在不同的文本框,分别在不同的文本框内写入内容

如上面的图片所示,当光标在文本框1中时,我点击右边的内容1,那么内容1就写入到文本框1中,
如果光标在文本框2中时,我点击右边的内容1,那么 内容1就写入到文本框2中
当前状态我是不知道是文本框1有光标还是文本框2有光标。
这样用JS怎么实现啊?
相当于我要先获取光标是否在文本框1或文本框2中,
如果在点击右边内容就进行写入,如果都不在,则不进行操作。
最新回答
你一贱我就笑

2025-03-31 00:21:06

这个可以定义一个变量 ,如文本框1获得焦点时变量就等于文本框1,如2获得焦点时变量也相应的等于文本框2,在你点击右边内容时你只要给这个变量赋值就可以了。
老地方

2025-03-31 00:08:53

使用jquery如下:
<script type="text/javascrpt">
var blurid ;
$(document).ready(function(){
$("input").bind("focus",function(){
blurid = $(this).attr("id");
});
});

</script>
使用的时候判断blurid这个变量是input1呢还是input2不就完了
执手

2025-03-31 00:15:56

只是一个判断而已咯。onfocus 判断内容再写入。
回忆终究是回忆

2025-03-31 00:14:24

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd
">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<script type="text/javascript">
<!--
window.onload = function(){
var inp = document.getElementsByTagName('input');
var sel = document.getElementById("sel");
for(var i=0;i<inp.length;i++){
inp[i].onclick = function(){
sel.setAttribute("src",this.id);
}
}
sel.onchange = function(){
if(this.getAttribute("src")){
var src = document.getElementById(this.getAttribute("src"));
src.value = this.options[this.selectedIndex].text;
src.focus();
}
}
}
//-->
</script>
<body>
<input id="inp1" />
<input id="inp2" />
<select id="sel" src="" style="height:200px;" multiple="multiple">
<option>内容1</option>
<option>内容2</option>
<option>内容3</option>
<option>内容4</option>
</select>
</body>
</html>