Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > Hauptteil

基于jquery的鼠标拖动效果代码_jquery

WBOY
Freigeben： 2016-05-16 17:53:03
Original
1033 Leute haben es durchsucht

记得在之前的一个"拖动层"的随笔中，我实现拖动，是用的一个布尔变量,判断是否可以拖动某元素。
这两天看了一些东西，发现不需要设这个布尔变量;

实现过程：
按下鼠标的时候，给文档对象（当然也可以是别的DOM对象）的移动事件绑定一个处理函数，同时也给鼠标抬起时绑定一个解除的处理函数。

复制代码 代码如下:

//按下鼠标并移动时(拖动)，调用的函数；
function startSelection(event){
……
}

//解除移动时的处理函数；
function cancelSelection() {
$(document).unbind('mousemove', startSelection).unbind('mouseup', cancelSelection);
　　}
//鼠标在按下时调用的函数
function imgMouseDown(event){
$(document).mousemove(startSelection).mouseup(cancelSelection);
}
$img.bind("mousedown",imgMouseDown)
Verwandte Etiketten：
鼠标拖动
Quelle：php.cn
Vorheriger Artikel：Chosen 基于jquery的选择框插件使用方法_jquery Nächster Artikel：jQuery 菜单随滚条改为以定位方式(固定要浏览器顶部)_jquery
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Wie kann ich in der mobilen Ansicht diese Navigationsleiste schließen, wenn der Benutzer auf den Link klickt? Wenn der Benutzer auf einen Link klickt, um die Website zu durchsuchen, wird die Navigatio...
Aus 2024-04-06 19:23:03
0
1
411
Reine CSS-Methode zum dynamischen Ändern der Bildquelle beim Klicken ohne Verwendung von JavaScript Ich muss den Quellcode eines Bildes per Mausklick ändern, indem ich nur CSS wie img:active...
Aus 2024-04-06 19:25:49
0
1
505
CSS-Stile werden nicht auf die Website angewendet Ich erstelle eine Website mit Bootstrap5, aber die index.css-Eigenschaften werden nicht au...
Aus 2024-04-06 17:12:23
0
1
336
Div beim Klicken und Scrollen ein-/ausblenden Ich möchte ein ausgeblendetes Suchformular erstellen, das angezeigt wird, wenn wir auf das...
Aus 2024-04-06 12:20:46
0
1
386
Wie kann ich die Textbreite an die Breite eines Bildes/Titels mit dynamischer Größe anpassen? Siehe diesen Codepen: https://codepen.io/allen-houng/pen/XGMjMr?editors=1100#0<div>&...
Aus 2024-04-06 10:04:43
0
2
386
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage