Введите триггеры HTML-нажатия кнопки с JavaScript, который имеет определенное значение

Question

Поскольку мы используем orbeon xforms, мы не знаем идентификатор тега кнопки.То, что мы хотели бы, это клавиша Enter, чтобы вызвать кнопку, которая содержит определенное строковое значение.

Если моя форма содержит кнопку «Проверить», например, так:

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

Мне бы хотелось, чтобы моя кнопка JavaScript вызывала что-то вроде: найдите кнопку со значением «Проверить» и нажмите еепри нажатии Enter.

Answer 1

Обновлен код , так как я не видел вашу разметку (которая содержала <button> вместо <input>)

Я бы использовал здесь JQuery, поскольку при использовании только Pure 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/ (Нажмите / Сфокусируйтесь на панели результатов и нажмите клавишу Enter)