页面内有多个文本框,但是只有一个按钮。当点击其中一个文本框时,按钮就会出现在这个文本框后。

要怎么实现?如果解决了,会追加分数

每个文本框加一个click事件,来获取他的坐标值,然后定位button呗追问

有没有 参考的代码

追答

HTML:

        <input type="text" id="T1" onclick="TextBoxClick()" /> <br />
        <input type="text" id="T2" onclick="TextBoxClick()" /><br />
        <input type="text" id="T3" onclick="TextBoxClick()" />
        <input type="button" id="B1" value="Button" />

Javascript :

   function TextBoxClick() {
        var coords = event.srcElement.getBoundingClientRect();
        var button = document.getElementById("B1");
        button.style.position = "absolute";
        button.style.top = coords.top;
    }

温馨提示:答案为网友推荐,仅供参考
第1个回答  2013-07-09
<script type="text/javascript">
function f(x){
for(var i=0;i<3;i++){
document.getElementsByTagName("span")[i].style.display="none";}
x.style.display="";}
</script>
<body>
<input type="text" onclick="f(a)"/><span id="a" style="display:none"><input type="button" value="按钮"/></span><br />
<input type="text" onclick="f(b)"/><span id="b" style="display:none"><input type="button" value="按钮"/></span><br />
<input type="text" onclick="f(c)"/><span id="c" style="display:none"><input type="button" value="按钮"/></span><br />
</body>追问

这样我也会,我要的是页面只有一个按钮,不包含隐藏的。不是多个按钮。

追答

那就只有改样式上操作了 position absolute 楼下那种方法了

相似回答