onmousedown只能在移动设备上使用,而不能在台式机上使用

时间:2019-01-13 17:44:10

标签: javascript html onclick onmousedown flickity

<script type="text/javascript">
    window.onload = function() {
      document.getElementById("featured").onmousedown = function(){
        var $carousel = $('.carousel').flickity();
        // get instance
        var flkty = $carousel.data('flickity');

        var selind = flkty.selectedIndex+1;

        document.getElementById("cell1").onclick = function(){
          if (selind == 1) {
            $("#post1").modal()
          }
        };

        document.getElementById("cell2").onclick = function(){
          if (selind == 2) {
            $("#post2").modal()
          }
        };

        document.getElementById("cell3").onclick = function(){
          if (selind == 3) {
            $("#post3").modal()
          }
        };

        document.getElementById("cell4").onclick = function(){
          if (selind == 4) {
            $("#post4").modal()
          }
        };


      }
    }
    </script>

这是我的轻快轮播代码。我希望能够单击整个卡,并且仅接受卡处于活动状态时的单击。 (图片中的示例)。 here显示了我的意思的演示。当我打开检查面板时,它会自动切换到响应模式,并且在那里可以正常工作。但是,当桌面站点启动时,不会触发onmousedown。我注意到的另一件事是,当我以响应模式加载它时,没有出现错误Failed to load resource: the server responded with a status of 400 () css:1[Amplitude] WARNING: Property key "embedding_mode" with invalid value type null, ignoring,但是在将其作为桌面站点加载时却出现了。

0 个答案:

没有答案