国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery實現(xiàn)拖拽效果插件的方法

2019-11-20 12:52:36
字體:
供稿:網(wǎng)友

本文實例講述了jQuery實現(xiàn)拖拽效果插件的方法。分享給大家供大家參考。具體如下:

下面的jQuery插件允許你通過鼠標右鍵點擊拖動overflow的元素,這個插件可以在移動設備上運行

/*** jQuery Drag and Scroll** Copyright (c) 2012 Ryan Naddy (ryannaddy.com)* Dual licensed under the MIT and GPL licenses:* http://www.opensource.org/licenses/mit-license.php* http://www.gnu.org/licenses/gpl.html*/(function($){  var down = false;  var prevX = 0;  var prevY = 0;  var x = 0;  var y = 0;  var px = 0;  var py = 0;  var lastPX = -1;  var lastPY = -1;  var $target = null;  var $me = null;  var $selector = "";  var settings = {    mouseButton: 3,    context: false,    selectText: false  };  $.fn.dragScroll = function(options){    settings = $.extend(settings, options);    $selector = $(this).selector;    $(this).contextmenu(function(){      return false;    }).bind("mousedown touchstart", function(e){      $me = $(this);      e = event.touches ? event.touches[0] : e;      $target = $(e.target);      $target = $target.closest($selector);      if(settings.viewPort){        if(!settings.context){          $me.contextmenu(function(){            return false;          });        }      }      if(!settings.selectText){        $me.attr('unselectable', 'on').css('user-select', 'none').on('selectstart', false);      }      $me = $me.closest($selector);      if($target && $me.attr("id") != $target.attr("id")){        return false;      }      if(e.which == settings.mouseButton || event.touches){        $me.css("cursor", "move");        down = true;      }      px = $me.scrollLeft();      py = $me.scrollTop();      x = px + e.pageX;      y = py + e.pageY;      prevX = x;      prevY = y;      return true;    }).bind("mouseup touchend", function(e){      $me = $(this);      e = event.touches ? event.touches[0] : e;      $me.css("cursor", "auto");      down = false;    }).bind("mousemove touchmove", function(e){      $me = $(this);      $me = $me.closest($selector);      e = event.touches ? event.touches[0] : e;      if((e.which == settings.mouseButton || event.touches) && down){        if(event.touches){          event.preventDefault();        }        if($target && $me.attr("id") != $target.attr("id")){          return false;        }        $me.css("cursor", "move");        px = $me.scrollLeft();        py = $me.scrollTop();        x = px + e.pageX;        y = py + e.pageY;        $me.scrollLeft(px + (-(x - prevX)));        $me.scrollTop(py + (-(y - prevY)));        prevX = x - (x - prevX);        prevY = y - (y - prevY);        if(lastPX == px)          prevX = x;        if(lastPY == py)          prevY = y;        lastPX = px;        lastPY = py;      }      return true;    });    return this;  }})(jQuery);

希望本文所述對大家的jQuery程序設計有所幫助。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 克什克腾旗| 冷水江市| 临城县| 华蓥市| 永寿县| 牟定县| 大方县| 卓尼县| 敦煌市| 林口县| 泽普县| 蒙阴县| 乐业县| 通州区| 资溪县| 高雄市| 深州市| 宁德市| 重庆市| 龙游县| 墨竹工卡县| 涟水县| 舟山市| 城市| 沾益县| 射阳县| 辉县市| 长兴县| 克山县| 麻阳| 新晃| 济南市| 华安县| 化德县| 吉木乃县| 修水县| 德钦县| 长汀县| 库伦旗| 长岭县| 囊谦县|