【问题标题】:Submit a PHP Form with any of keyboard shortcut key使用任何键盘快捷键提交 PHP 表单
【发布时间】:2017-09-02 05:20:59
【问题描述】:

我想提交一个带有任何功能键或任何键盘快捷键的 php 表单。

我尝试以下代码。在那我使用键盘键码进行操作。但它不提交表格。 按键盘上的“TAB”按钮

document.onkeydown=function(evt){
        var keyCode = evt ? (evt.which ? evt.which : evt.keyCode) : event.keyCode;
        if(keyCode == 9)
        {
            //your function call here
            document.test.submit();
            alert("Key Pressed");
        }
    }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<?php 
if(isset($_POST['search']))
{
    echo $search = $_POST['search'];
}
?>
<body>
<form name="test" action="#" method="POST">
	<input type="text" name="search" />
</form>
</body>

我想提交一个带有任何功能键或任何组合或快捷键的 PHP 表单。 那么我该如何使用 JQUERY、JS、AJAX 或 PHP 来做到这一点。

【问题讨论】:

  • any of Function key or Any of combinations or shortcut key:- 如果用户想输入a@gmail.com 会发生什么(考虑@there)。在点击@ from 之后将提交并且永远不会添加gmail.com。这样做不是一个好习惯。可是等等。你一定会得到答案
  • 为此我只需要使用组合键。所以有什么方法可以使用任何组合键提交表单。像 Ctrl + A
  • 您在标签点击时提交表单。你还想要什么?
  • 它不工作兄弟。见link

标签: javascript php jquery ajax forms


【解决方案1】:

我创建了一个 JS 来允许使用键盘组合键提交表单。 这很容易。 查看代码

    shortcut.add("Ctrl+B",function() {
    document.getElementById("sbmt").click();
    alert("Form Submitted...");
    },{
      'type':'keydown',
      'propagate':true,
      'target':document
    });

当按 Ctrl + B 提交表单时。 这是 JS 的链接 openjs To Allow Shortucut

【讨论】:

    【解决方案2】:

    如果您想在点击任何功能键时提交,请查看此内容 JsFiddle

    $(document).keyup(function(e) {
       if(e.which <124 && e.which >111){
       alert('function keys');
       //submit your form here
       }
    
    });
    

    【讨论】:

      【解决方案3】:

      试试这个,它会起作用的。

      document.onkeydown=function(evt){
          var keyCode = evt ? (evt.which ? evt.which : evt.keyCode) : event.keyCode;
          if(keyCode == 9)
          {
              //your function call here
              document.forms["test"].submit();
              alert("Key Pressed");
          }
      }
      

      在您的本地而不是第三方检查此代码。这将在本地主机上完美运行。这对我有用。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2017-05-13
        • 2012-12-22
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多