如何檢測在范圍輸入上按下的換檔鍵？

Question

按下Shift鍵時，我試圖同步兩個滑塊。 但是，問題是未為范圍輸入事件定義e.shiftKey。

我嘗試使用onmousedown事件，該事件確實報告e.shiftKey，但未正確設置范圍值。

如何檢測范圍輸入上是否按下了Shift鍵？

 $('input[type=range]').on("input",function(e){ $('#value').text(this.value); if(e.shiftKey){ var newValue = this.value; $('input[type=range]').each(function(){this.value=newValue}); } });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <html> <body> <input type="range"> <input type="range"> <span id="value"></span> </body> </html>

（jQuery是可選的，為方便起見僅使用它）

Answer 1

無論是否單擊范圍輸入，都應檢查shiftKey：

 var sync = false; $(document).on('keydown', function(e) { if (e.shiftKey) { sync = true; } }); $(document).on('keyup', function(e) { if (e.shiftKey == false) { sync = false; } }); $('input[type=range]').on("input",function(e){ $('#value').text(this.value); if (sync) { var newValue = this.value; $('input[type=range]').each(function(){this.value=newValue}); } });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <html> <body> <input type="range"> <input type="range"> <span id="value"></span> </body> </html>

如何檢測在范圍輸入上按下的換檔鍵？

問題描述

1 個解決方案

解決方案1
1 已采納 2017-03-23 01:20:35

如何檢測在范圍輸入上按下的換檔鍵？

問題描述

1 個解決方案

解決方案1 1 已采納 2017-03-23 01:20:35

解決方案1
1 已采納 2017-03-23 01:20:35