📅 最后修改于: 2023-12-03 15:02:10.773000 🧑 作者: Mango
jQuery Mobile taphold 事件是指在移动设备上长按某个元素后触发的事件。当用户长按某个元素时，taphold 事件会被触发，可以在该事件中执行一些操作，例如显示菜单或提示框等。
可以使用 jQuery 的 on() 方法来绑定 taphold 事件，代码示例如下：
$(document).on("taphold", "#element", function() {
// do something
});
上述代码中，on() 方法用于绑定 taphold 事件，第一个参数是事件名，第二个参数是选择器或元素，表示绑定事件的范围。第三个参数是事件处理函数，当 taphold 事件被触发时，该函数将被执行。
当用户长按某个元素时，浏览器会弹出默认的上下文菜单，此时可以使用 preventDefault() 方法来取消默认行为，代码示例如下：
$(document).on("taphold", "#element", function(event) {
event.preventDefault();
// do something
});
上述代码中，preventDefault() 方法用于取消默认行为。
默认情况下，taphold 事件需要长按 750 毫秒才能触发，可以通过配置 jQuery Mobile 的全局默认选项来自定义时间，代码示例如下：
$(document).on("mobileinit", function() {
$.mobile.tapholdThreshold = 1000; // 1 秒
});
上述代码中，mobileinit 事件用于在 jQuery Mobile 加载前执行，通过配置 $.mobile.tapholdThreshold 属性来自定义 taphold 事件的触发时间。
下面是一个简单的示例，实现了当用户长按某个元素时，弹出提示框的功能：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery Mobile taphold 事件示例</title>
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script>
$(document).on("taphold", "#element", function(event) {
event.preventDefault();
alert("长按事件被触发！");
});
</script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>jQuery Mobile taphold 事件示例</h1>
</div>
<div data-role="main" class="ui-content">
<p>请长按下面的按钮：</p>
<a href="#" id="element" class="ui-btn ui-btn-inline">长按我</a>
</div>
</div>
</body>
</html>
jQuery Mobile taphold 事件可以用于在移动设备上实现长按事件的功能，通过绑定 taphold 事件来执行一些操作，例如显示菜单或提示框等。在开发时可以自定义 taphold 事件的触发时间，同时也可以取消默认行为。