javascript - 输入触发 html 按钮点击具有特定值的 javascript

Question

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

如果我的表单包含像这样的“检查”按钮:

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

我希望我的 javascript 按钮能够通过以下方式触发它:找到值为“Check”的按钮，然后在按下 Enter 时单击它。

Answer 1

更新了代码，因为我没有看到您的标记(其中包含 <button> 而不是 <input> )

我会在这里使用 JQuery，因为仅使用纯 JS 选择您要查找的按钮可能会更困难。

这样的事情应该有效:

$(
    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/(单击/聚焦结果 Pane 并按 Enter 键)