gpt4 book ai didi

javascript - Jquery按钮点击检测

转载 作者:行者123 更新时间:2023-12-01 00:05:41 25 4
gpt4 key购买 nike

我的 html 文件中有一个名为“btn”的 div 类。在我的 Javascript 文件中,我使用 jquery 来检测对该 btn 的点击。当检测点击的 jquery 函数编写在全局范围内时,该函数不起作用,但是当我将其放入另一个函数并使用开发人员工具控制台调用它时,它起作用。有人可以帮我解决这个问题吗?

引用代码-

$(".btn").click(function() {
console.log('Clicked');
}

下面的代码有效 -

function clickDetection(){
$(".btn").click(function() {
console.log('Clicked');
}
}

最佳答案

在jquery的document.ready函数中添加该函数。这会在页面加载后将事件监听器添加到按钮。示例:

$(document).ready(() => {
$('.test-button').on('click', () => {
console.log('Clicked');
});
});
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<title>click button demo</title>
</head>

<body>
<button class="test-button">Click me</button>
</body>

</html>

引用 jQuery 文档:

事件处理程序仅绑定(bind)到当前选定的元素;它们在您的代码调用 .on() 时必须存在。为了确保元素存在并且可以选择,请将脚本放置在 HTML 标记中的元素后面,或者在文档就绪处理程序中执行事件绑定(bind)。或者,使用委托(delegate)事件处理程序来附加事件处理程序。

查看更多信息:https://api.jquery.com/on/

关于javascript - Jquery按钮点击检测,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60411487/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com