javascript - 键绑定(bind)触发其 onclick 功能的按钮

Question

我希望在我的 Javascript 中左右箭头键触发后退和下一步按钮点击。我觉得我没有完全正确地实现它，因为我的按钮可以工作但击键没有。

function init() {
        flashmovie = document.getElementById('flashmovie');
        document.getElementById('back').onclick = function () {
            if (c == 0) {
                c = paths.length;
            }
            c--
            displayFiles();
        }

        document.getElementById('next').onclick = function () {
            if (c == paths.length - 1) {
                c = -1;
            }
            c++;
            displayFiles();
        }

        document.keypress(function (e) {
            if (e.which == 37) {
                $("#back").click();
            }
        });

        document.keypress(function (e) {
            if (e.which == 39) {
                $("#next").click();
            }
        });

    }

Answer 1

您可能需要 keydown 事件。

function init() {
  document.getElementById('back').onclick = function() {
    console.log('back!');
  }

  document.getElementById('next').onclick = function() {
    console.log('next!');
  }

  document.addEventListener('keydown', function(e) {
    if (e.which == 37) {
      $("#back").click();
    }
  });

  document.addEventListener('keydown', function(e) {
    if (e.which === 39) {
      $("#next").click();
    }
  });
}

init();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="back">Back</button>
<button id="next">Next</button>

我猜到了您想要哪种事件监听器样式(原生 DOM 与 jQuery)，因为您混合使用了这种样式，但这应该能让您找到正确的方向。

---

根据经验，如果您有不止一个非常简单的按键处理用例，我建议您使用库，例如​​ Keypress .