Question

我有以下HTML代码：

...
// javascript function
if(the user press the user box) {
     // do some action
}
...
user: <input type="text" id="user" name="user" />
Email: <input type="text" id="email" name="email" />

有2个输入框。当用户按下任一输入时，它将调用JavaScript函数来执行某些操作。我还想在用户在用户框中执行某些操作时执行某些操作。但是，我不知道如何设置条件。

任何人都可以帮助我吗？

Answer 1

使用jquery，

$("input[type='text']").keydown(function(){

   // common action 

   if(this.id=="user"){
       //do user box action
   }

   // common action 
});

Answer 2

我不完全理解你的问题，但你可以在jQuery中使用focus或focusin事件。这将在您的文本框获得焦点时运行。

$('input').focus(function(){
// code
});

Answer 3

您可以订阅onkeydown活动：

window.onload = function() {
    document.getElementById('user').onkeydown = function() {
        // the user pressed a key while inside the textbox => handle the event
        var value = this.value;
        // the value variable will contain the text entered in the textbox
    };
};

或者如果你使用jquery：

$(function() {
    $('#user').keydown(function() {
        var value = $(this).val();
    });
});

Answer 4

如果我理解正确，您需要跟踪onKeyDown和onFocus上的事件。只需在input元素中插入这些内容，然后让它们调用相应的javascript函数，如下所示

<input type='text' id='user' name='user' onkeykown="function1();" onfocus="function2()">

Answer 5

可以这样做：

<input type='text' id='user' name='user' onKeyDown="keyDown(this);" />
<input type='text' id='email' name='email' onKeyDown="keyDown(this);" />

<script type="text/javascript">
function keyDown(element) {
   if (element.id == 'user') {
      // do something
   }
}
</script>

请注意使用 this 作为 keyDown 函数的参数，因此您可以让一个函数处理这两个元素，但是您可以区分哪一个触发了这一事件。

如何查看javascript中选择的文本框？

5 个答案: