事件未在 jquery 中检测到

Question

我有一个 id=uName 的文本字段。当我按下回车按钮时，我希望 jquery 检测到它并提交表单。但它没有检测到按下回车键的事件。

如何解决？

代码：

<s:textfield cssClass="inputselect" name="uname"  id="uname" />


<script type="text/javascript">
    $(document.getElementById('uname')).keypress(function(event){

        var keycode = (event.keyCode ? event.keyCode : event.which);
        if(keycode == '13') {
                document.getElementById("formID").action="searchbaseuom";
                document.getElementById("formID").submit();
        }
    });
</script>

Answer 1

我对您的代码做了一些更改，希望对您有所帮助，但是您将 jquery 与 javascript 混合使用，这说明您还没有掌握 jquery 的工作原理。

希望这会有所帮助。

<s:textfield cssClass="inputselect" name="uname"  id="uname" />


<script type="text/javascript">
  $('#uname').keypress(function(event){
    var keycode = (event.keyCode) ? event.keyCode : event.which;//note changes 
    if(keycode == '13'){
     $("#formID").attr('action',"searchbaseuom").submit();
    }
  });
</script>

更新

另外，如果你已经把脚本标签放在头标签上，那么你需要一个准备就绪的功能，这意味着当页面正确加载时，然后进行以下说明。

因为在上述脚本之后表单可能会响亮，这意味着您的事件尚未附加，因此您需要将整个脚本放在以下代码中。

$(function (){//when document is ready line.
   // script goes here
});

这和

一样

$(document).ready(function(){
  //script here.
});

唯一的区别是一个比另一个短。

Answer 2

确保您的代码在在 DOM 准备好之后运行。

<script type="text/javascript">
$(function(){
    $('#uname').keypress(function(event){
        var keycode = (event.keyCode ? event.keyCode : event.which);
        if(keycode === 13){
            $('#formID').attr('action','searchbaseuom').submit();
        }
    });
});
</script>