javascript - 在 JQuery Step 中禁用左右键

标签 javascript jquery jquery-steps

我有一个包含三个步骤的 Jquery Steps 表单。 我想在最后一步中禁用左右键,这样我就可以保持在同一步骤中。

$(function() {
  form_prop = $("#new_prop").show();
  form_prop.steps({
    headerTag: "h3",
    bodyTag: "fieldset",
    transitionEffect: "slideLeft",
    onStepChanging: function(event, currentIndex, newIndex) {

      if (currentIndex == 2) {
        form_prop.on('keyDown', function(event) {
          const key = event.key; // "ArrowRight", "ArrowLeft", "ArrowUp", or "ArrowDown"
          if (key == "ArrowRight" || key == "ArrowLeft") {
            // Disable Next and previous
          }
        });
      }
    }

  });
});

最佳答案

在 jquery.steps.js 中将 enableKeyNavigation 设置为 false

关于javascript - 在 JQuery Step 中禁用左右键,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47757154/

相关文章:

JavaScript 全局对象与窗口对象

javascript - float 元素溢出容器

jquery - 使用 ajax 的带有子行的 Shiny 数据表

jquery - 嵌套的 jQuery 步骤 - Main Next 上没有任何显示

javascript - 如何比较数组并创建与数组 a 匹配的新数组?

javascript - 如何在 document.createElement ("span"之后将文本添加到 span 中);?

jquery - 使用 jQuery 拖动 anchor : IE not updating cursor

jquery-steps - 在 jquery-steps 中更改按钮的名称

javascript - 二维几何计算 - 在平面上