JQueryの左と右のキーを無効にするステップ

Question

私は3つのステップを含む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 
      } 
     }); 
     } 
    } 

    }); 
}); 

Answer 1

私が試してみた：私はあなたが変更をキャンセルするonStepChangingイベントからreturn falseできることがわかりドキュメントから

$(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") { 
      event.preventDefault();// Disable Next and previous 
      } 
     }); 
     } 
    } 

    }); 
});  

Answer 2

を。

ので

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

     if (currentIndex == 2) { 
      return false; 
     } 
    } 

    }); 
}); 

動作するはずです。

Answer 3

jquery.steps.jsにenableKeyNavigation〜falseを設定します。