Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > JS无法捕获滚动条上的mouse up事件的原因猜想_javascript技巧

JS无法捕获滚动条上的mouse up事件的原因猜想_javascript技巧

WBOY
Freigeben： 2016-05-16 17:55:01
Original
1081 Leute haben es durchsucht

比如一个网页的聊天室，滚动条会随着内容的增加自动往下滚动。
当用户鼠标在滚动条上按下的时候，我们可以假设他（她）正在浏览聊天内容，那么这个时候好的用户体验就不能让滚动条再自动滚动了。
为了实现这个功能，可能大家首先会想到的就是mouse down 和 mouse up事件了。
可是具体实现的时候我们会发现在滚动条上按下鼠标左键再松开的时候，捕获不到mouse up了。如下面例子

复制代码 代码如下:













保存为html格式文件，浏览器打开，然后在滚动条上左键点击试试，再在其他地方点击试试。
由于没有深入研究过W3C的文档，这里只能猜想。
考虑到滚动条的特性，可能浏览器在鼠标按下滚动条的时候给滚动条setCapture了，而鼠标松开之后给他releaseCapture，滚动条又不属于Dom对象，所以在鼠标释放之前无法捕获mouseup事件。
Verwandte Etiketten：
mouse 滚动条
Quelle：php.cn
Vorheriger Artikel：ExtJs使用总结(非常详细)_extjs 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
React Three Fiber: Warum verzögern sich meine Scroll-Ereignisse? In ReactThreeFiber habe ich eine React-Komponente, die ein Sprite generiert, das ich über ...
Aus 2024-04-06 13:39:24
0
1
410
Eine Website, die Live Server verwendet, funktioniert nicht, wenn ich sie aus einer Datei starte Ich habe mehrere Browser ausprobiert und in jedem Fall funktioniert die Website mit LiveSe...
Aus 2024-04-06 12:46:18
0
1
403
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
Umbenennung: Vertikale Produktpräsentation Auf meiner Webseite werden derzeit die Projektprodukte Zeile für Zeile vertikal aufgeliste...
Aus 2024-04-05 09:17:50
0
1
3505
Reduzieren Sie die Deckkraft des Scroll-Hintergrundbilds und begrenzen Sie die minimale Deckkraft Ich versuche, das Hintergrundbild so zu gestalten, dass die Deckkraft beim Scrollen und au...
Aus 2024-04-04 23:50:53
0
1
1329
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