jQuery: dblclick() method


Khóa học qua video:
Lập trình Python All Lập trình C# All SQL Server All Lập trình C All Java PHP HTML5-CSS3-JavaScript
Đăng ký Hội viên
Tất cả các video dành cho hội viên

Phương thức dblclick() sẽ được kích hoạt khi người dùng click đúp chuột vào phần tử HTML.

Ví dụ:

<!DOCTYPE html>
<html>
<head>
 <title>dblclick()</title>
 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<button id="b1">Click => Hide</button>
<button id="b2">Double click => Show</button>
<button id="b3">Double click => Stop</button>
<section style="height: 480px;background: red;border: green thin solid"></section>

<script>
 $("#b1").click(function(){
  $("section").hide(3000);
 });

 $("#b2").dblclick(function(){
  $("section").show(3000);
 });

 $("#b3").dblclick(function(){
  $("section").stop();
 });
</script>
</body>
</html>

Demo:

» Tiếp: mouseenter() method
« Trước: click() method
Khóa học qua video:
Lập trình Python All Lập trình C# All SQL Server All Lập trình C All Java PHP HTML5-CSS3-JavaScript
Đăng ký Hội viên
Tất cả các video dành cho hội viên
Copied !!!