javascript - 将触摸屏设备的 ('hover' ) 更改为 ('click' )？

Question

我有一个名为 isTouchscreen 的 bool 变量和一些 on('hover', ...) 事件。如果 isTouchscreen bool 变量等于 true，那么我需要将 on('hover') 事件更改为 on('click') 事件。这可能吗？

类似于:

 $(".smart-suggestions").on("hover", ".option", function(){
    $('.img-container img').show();
    //and do more stuff....
 });

    if(touchscreen==true){
       //change onhover event to onclick event  
    }

Answer 1

你可以这样做:

var evt = touchscreen ? 'click' : 'hover';

$(".smart-suggestions").on( evt, ".option", function(){/*.....*/});

如果您需要这两个事件的替代方法:

$(".smart-suggestions").on('click hover', ".option", function(event){
       /* create whatever conditions you need*/
      if( event.type=='click' && touchscreen){
            doThis();
       }else{
              doThat();
       }
});