Heim >Web-Frontend >Front-End-Fragen und Antworten >Kann jquery Doppelklick- und Klickereignisse verarbeiten?
Kann jquery Doppelklick- und Klickereignisse verarbeiten?
- 青灯夜游Original
- 2021-11-16 12:13:232006Durchsuche
In jquery können Doppelklick- und Klickereignisse über die Methoden dblclick() und click() verarbeitet werden. Verwenden Sie die dblclick()-Methode, um die Funktion anzugeben, die ausgeführt werden soll, wenn ein dblclick-Ereignis (Doppelklick) auftritt. Verwenden Sie die click()-Methode, um die Funktion anzugeben, die ausgeführt werden soll, wenn ein click-Ereignis (Klick) auftritt.
Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.
jquery kann Doppelklick- und Klickereignisse verarbeiten.
Das Double-Click-Ereignis ist ein Dblclick-Ereignis, und die dblclick()-Methode kann verwendet werden, um die Funktion anzugeben, die ausgeführt werden soll, wenn das dblclick-Ereignis auftritt, während das Click-Ereignis ein Click-Ereignis ist, und die click()-Methode kann verwendet werden, um die Funktion anzugeben, die ausgeführt werden soll, wenn das Klickereignis auftritt.
jQuery-Ereignis – dblclick()-Methode
Wenn auf ein Element doppelgeklickt wird, tritt das dblclick-Ereignis auf.
Ein Klick erfolgt, wenn der Mauszeiger über einem Element bleibt und dann die linke Maustaste gedrückt und wieder losgelassen wird.
Wenn innerhalb eines kurzen Zeitraums zwei Klicks erfolgen, handelt es sich um ein Doppelklick-Ereignis. Die
dblclick()-Methode löst das dblclick-Ereignis aus oder gibt eine Funktion an, die ausgeführt werden soll, wenn das dblclick-Ereignis auftritt.
Tipp: Es können Probleme auftreten, wenn dblclick- und click-Ereignisse auf dasselbe Element angewendet werden.
Syntax: $(selector).dblclick(function)$(selector).dblclick(function)
function 可选。规定当发生 dblclick 事件时运行的函数。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("button").dblclick(function() {
$("p").slideToggle();
});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button>请双击此处</button>
</body>
</html>
jQuery 事件 - click() 方法
当点击元素时，会发生 click 事件。
当鼠标指针停留在元素上方，然后按下并松开鼠标左键时，就会发生一次 click。
click() 方法触发 click 事件，或规定当发生 click 事件时运行的函数。
语法：$(selector).click(function)
- function Optional. Gibt die Funktion an, die ausgeführt werden soll, wenn das dblclick-Ereignis auftritt.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("button").click(function() {
$("p").slideToggle();
});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button>切换</button>
</body>
</html>
Wenn auf ein Element geklickt wird, tritt das Klickereignis auf.
🎜Ein Klick erfolgt, wenn der Mauszeiger über einem Element bleibt und dann die linke Maustaste gedrückt und wieder losgelassen wird. Die 🎜🎜click()-Methode löst ein Klickereignis aus oder gibt eine Funktion an, die ausgeführt werden soll, wenn ein Klickereignis auftritt. 🎜🎜Syntax:$(selector).click(function)🎜🎜🎜🎜🎜function Optional. Gibt eine Funktion an, die ausgeführt werden soll, wenn ein Klickereignis auftritt. 🎜🎜🎜rrreee🎜🎜🎜🎜 Empfohlene verwandte Tutorials: 🎜jQuery-Video-Tutorial🎜🎜Das obige ist der detaillierte Inhalt vonKann jquery Doppelklick- und Klickereignisse verarbeiten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!