输入触发器html按钮点击带有特定值的javascript

Enter triggers html button click with javascript that has a specific value

本文关键字：javascript html 触发器 按钮 输入      更新时间：2023-09-26

因为我们使用orbeon xforms，所以我们不知道按钮标签的id。我们想要的是Enter键来触发一个包含特定字符串值的按钮。

如果我的表格包含这样的检查按钮：

<button id"random">Check</button>

我希望我的javascript按钮可以用以下内容触发它：找到值为"Check"的按钮，并在按下Enter键时单击它。

更新的代码，因为我没有看到您的标记（包含<button>而不是<input>）

我会在这里使用JQuery，因为只使用PureJS可能会更难选择你想要的按钮。

像这样的东西应该起作用：

$(
    function(){
        $(document).keydown(function(){
             if (event.keyCode == '13') {
                 event.preventDefault();//stop what normally happens..
                 //..like submitting a form maybe
                 //$("input[type='submit'][value='Check']").click();
                 $("button").each(function(i){
                  if($(this).text() == "Check")
                  {
                     $(this).click();
                  }
                 })
             }
        });
    }
);

标记如下：

<button id="random" onclick="alert('clicked 0');">Check</button>
<button id="random2" onclick="alert('clicked 1');">Something else</button>
<button id="random3" onclick="alert('clicked 2');">Third Button</button>

请参阅演示：http://jsfiddle.net/giddygeek/Caxae/3/（在结果窗格上单击/聚焦，然后按Enter键）

相关文章：