在哪个TextBox是光标。?

时间:2013-08-30 16:57:38

标签: javascript javascript-events textbox cursor

我的网页上有4个文本框和一个提交按钮 假设用户在2个字段中输入数据,然后单击提交按钮。 我现在想知道在单击提交按钮之前光标所在的文本框。

关于如何在javascript中执行此操作的任何想法.. ??

3 个答案:

答案 0 :(得分:3)

您正在寻找document.activeElement,它会返回当前关注的元素。

答案 1 :(得分:2)

您可以使用document.activeElement

这是相同的简单示例。

<head>
    <script type="text/javascript">
        function GetActive () {
            if (document.activeElement) {
                var output = document.getElementById ("output");
                output.innerHTML = document.activeElement.tagName;
            }
        }
    </script>
</head>
<body onclick="GetActive ();">
    Click anywhere on the page to get the active element
    <input id="myInput" value="input field" />
    <button>Sample button</button>
    <div id="output"></div>
</body>

答案 2 :(得分:2)

你的问题确实在javascript 中特别说,但这里的FWIW是jQuery中的另一个选项:

Working jsFiddle here

HTML:

<input id="in1" type="text" /><br />
<input id="in2" type="text" /><br />
<input id="in3" type="text" /><br />
<input id="in4" type="text" /><br />
<input type="button" id="mybutt" value="Submit" />

jQuery的:

var inFocus = false;

$('input, textarea').focus(function() {
  inFocus = $(this).attr('id');
});

$('#mybutt').click(function() {
    alert('Cursor was last in element id: ' + inFocus);
});