这个示例展示了如何在JavaScript中使用jQuery库创建并触发一个名为'delay'的自定义事件。当点击按钮时，它会在1秒钟的延迟后弹出一个欢迎消息。这个例子涉及到前端开发中的事件处理和异步编程概念。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../js/jquery-3.5.1.js"></script>
<script>
//自定义事件
//trigger()触发自定义事件
$(function () {
$("#btn1").on("delay",function () {
setTimeout(function () {
alert("欢迎学习技术");
},1000);
});
//
$("#btn1").click(function () {
$("#btn1").trigger("delay");
});
});
</script>
</head>
<body>
<input type="button" id="btn1" value="按钮">
</body>
</html>
扫一扫
3624
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
