2015-02-24 6 views
0

Я пытаюсь без успеха отключить прокрутку на вводе даты HTML5.
Этот вход имеет резервную копию webshim, из-за чего мой JS работает с Chrome, но не с Firefox.Firefox: отключить прокрутку на входах даты HTML5, имеющих резервную копию webshim

$('.input-date input').on('mousewheel', function (event) { 
 
    event.preventDefault(); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.12/jquery.mousewheel.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/webshim/1.15.6/dev/polyfiller.js"></script> 
 

 
<script type="text/javascript"> 
 
    webshims.cfg.no$Switch = true; 
 
    webshim.setOptions({ 
 
    'forms-ext': { 
 
     widgets: { 
 
     calculateWidth: false 
 
     } 
 
    } 
 
    }); 
 
    webshim.polyfill('forms forms-ext'); 
 
</script> 
 

 
<form> 
 
    <div class="input-date"> 
 
    <input type="date" value="2015-02-24"> 
 
    </div> 
 
</form>

ли кто-нибудь сталкивался с этой проблемой?

ответ

0

У меня была возможность обсудить эту проблему с автором webshim, и было обнаружено, что существует опция, позволяющая избежать такой проблемы: noSpinbtn.

Таким образом, код будет выглядеть следующим образом:

$('.input-date input').on('mousewheel', function (event) { 
 
    event.preventDefault(); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.12/jquery.mousewheel.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/webshim/1.15.6/dev/polyfiller.js"></script> 
 

 
<script type="text/javascript"> 
 
    webshims.cfg.no$Switch = true; 
 
    webshim.setOptions({ 
 
    'forms-ext': { 
 
     widgets: { 
 
     calculateWidth: false 
 
     }, 
 
     date: { 
 
     noSpinbtn: true 
 
     } 
 
    } 
 
    }); 
 
    webshim.polyfill('forms forms-ext'); 
 
</script> 
 

 
<form> 
 
    <div class="input-date"> 
 
    <input type="date" value="2015-02-24"> 
 
    </div> 
 
</form>