微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何将输入/返回键绑定到用户定义的函数

如何解决如何将输入/返回键绑定到用户定义的函数

| 我正在开发在一页上运行并且不会重新加载的应用程序。我有一个只有输入类型文本的表单,没有提交按钮。我包含了onchange事件,在用数据填充文本框之后,我想在按回车键时执行绑定到onchange事件的函数,但是表单是提交的,并且[它试图加载新页面]。请问我该怎么办?谢谢     

解决方法

        您可以在文本框中挂起“ 0”事件并调用处理程序,然后取消该事件以防止表单提交:
$(\"selector_for_your_text_box\").keypress(function(event) {
    if (event.which === 13) {
        // call your `change` logic here

        // Cancel the event
        return false;
    }
});
现场例子     ,        这应该工作:
$(function() {
   $(\'#yourInput\').keypress(function(event) {
      var key = event.keyCode || event.which;
      if (key == 13) {
         event.preventDefault();
         // call your function here
   });
});
    ,        Yuo可以绑定到输入上的
keypress
事件:
$(\'#inputfieldid\').keypress(function() {
  alert(\'Handler for .keypress() called.\');
});
    ,        尝试演示链接http://jsfiddle.net/HDkJW/     

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。