首页
  • 问答
  • 教程
  • 书籍
  • IT新闻
  • 进入触发按钮点击?

    我有这样的HTML表单:

    <form name="f1">
    <center>
    <strong>Search VMs:</strong> 
    <input id='vms' name="word" type="text"  size="50" placeholder="Name or IP, space delimited, partial name OK."  autofocus autocomplete="off" pattern=".{3,}" required title="3 chars minimum"  /> in
    <select name="vc" id='whichvc'>
        <option value="all" selected="selected">all VCs</option>
    </select>
    <input type="checkbox" id="check4detail" name="detail">Include details
    <input name='searchbutton' value="Search VMs" type="button" onclick='xmlhttpPost("/cgi-bin/search-vm.pl")' />
    <input value="Clear" type="button" onclick="clearBox('result')" />
    </center>
    </p>
    <div id="loading"></div>
    <div id="result"></div>
    </form>
    

    如您所见,有一个文本输入字段和一些其他按钮,其中一个按钮与其关联的onclick()侦听器。 当用户输入文本并按回车键时,如何触发该按钮上的onclick事件?

    从论坛尝试这个解决方案,但它以某种方式不起作用:

    $('#vms').keypress(function(event){
    if (event.which === 13){
    $('#searchbutton').click();}
    });
    

    顺便说一句,当我在字段中输入文本并单击搜索按钮时,它工作得很好。 但是输入文本并按回车不会以某种方式触发搜索事件。


    修改@GolezTrol代码,以便输入文本字段上的onChange侦听器间接触发单击搜索按钮。

    <form action="" method="get">
      Test field:
      <input type="text" name="test" onChange="aliasonclick">
      <br>
      <button name="searchbutton" id="clickthis" onclick="alert('it works!');">Submit</button>
      <button type="reset" value="Reset">Reset</button>
    </form>
    
    <script>
      function aliasonclick() {
        var searchbutton = document.getElementById("clickthis")
        searchbutton.click()
      }
    </script>

    更改$('#searchbutton').click();$('#searchbutton').trigger('click');


    更改要submit的按钮的类型。 在同一表单中的某个编辑中按下提交按钮时,提交按钮会按下回车键。 在下面的例子中,你可以测试它。 将光标置于编辑框中并按下回车键。 你应该得到一个警报。

    <form action="" method="get" onsubmit="return false;">
    Test field: <input type="text" name="test"><br>
    <button type="submit" value="Submit" onclick="alert('it works!');">Submit</button>
    <button type="reset" value="Reset">Reset</button>
    </form>
    链接地址: http://www.djcxy.com/p/51629.html

    上一篇: enter to trigger button click?

    下一篇: Bind onclick to enter key