onclick 相关问题

用户单击对象时发生的事件。它是两个事件的组合,即“onmousedown”和“onmouseup”。

将页面与内容一起保存为 html

我有一个简单的 JS 函数,可以让用户输入他们的名字和姓氏,然后 onclick 显示他们的全名。 有没有办法在...时将用户提交的内容包含在文本字段中

回答 1 投票 0

React 组件按钮转到不同页面

我试图让这个按钮组件导航到不同的网页。会有几个按钮,但我无法让每个按钮导航到不同的页面。 我有按钮组件...

回答 1 投票 0

我想随机改变位置

onclick事件不重复 我希望目标每次点击时都能随机移动,但它只移动一次。 onclick事件不会重复 我希望目标每次点击时都能随机移动,但它只移动一次。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>replit</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <img src="target.png" id="tg" onclick="target()"> <script> var a = document.getElementById("tg"); var x = Math.random()*window.innerWidth; var y = Math.random()*window.innerHeight; function target(){a.style.left = x + "px", a.style.top = y + "px";} for (var i = 0; i < 5; i++) {function target(){a.style.left = x + "px", a.style.top = y + "px";}} </script> </body> </html> 如果您希望目标随机移动,则需要使用随机数,并且需要在函数内设置它,以便每次单击并调用 target() 函数时,值都会更新。 另外,请确保您使用的是“position:absolute;”。 以下是如何完成此操作的示例: <body> <img src="target.png" id="tg" onclick="target()" style="position: absolute;"> <script> var a = document.getElementById("tg"); function target() { var x = Math.random() * (window.innerWidth - a.clientWidth); var y = Math.random() * (window.innerHeight - a.clientHeight); a.style.left = x + "px"; a.style.top = y + "px"; } </script> </body>

回答 1 投票 0

点击事件上的简单 JavaScript 不起作用

有一个CSS文件和js文件是为自定义粒子引擎背景复制的。如果这个文件不是问题,我可以发布它们,但它们非常复杂。还有另一个 CSS 文件...

回答 1 投票 0

单击事件上的简单 Java 脚本不起作用

///有一个css文件和js文件是为自定义粒子引擎背景复制的。如果这个文件不是问题,我可以发布它们,但它们非常复杂。还有另一个 css 文件

回答 1 投票 0

按钮 onclick 显示隐藏消息 javascript

该按钮需要在 css 中进行编辑,才能按照我的方式显示,该部分的工作方式。然后它需要显示一条消息:“欢迎来到编码世界!”单击按钮后。我感觉

回答 1 投票 0

Vite + Typescript 无法调用 onClick 函数,未定义

我正在Vite + Typescript中开发天气应用程序,没有框架,只是简单的TS。 我想要每个天气列表项都有删除功能。当我点击删除按钮 clickedID 被传递到

回答 1 投票 0

基于相应id迭代的Javascript onclick事件

我正在尝试从 WordPress 中的查询源创建动态模式弹出窗口。一个提要显示需要单击的元素,一个提要保存模式弹出窗口的内容。我当前的代码...

回答 1 投票 0

无法将 onClick 分配给 kotlin 中的按钮

我正在开发一个android studio项目,该项目部分用kotlin构建,其余部分用java构建。在这个项目之前我从未使用过 kotlin,目前我发现自己花了......

回答 3 投票 0

单击按钮以用值填充 div,然后将此值用于 onclick 函数 - Javascript

我这里有一个文本框,当我单击它并按一个字母时,它会填充该字母。然后我单击一个按钮 (Go),该按钮接受我输入的字母并运行 JavaScript 函数...

回答 1 投票 0

jQuery onclick 显示动态复选框的值

我使用 while 循环形式 sql select 显示了这组复选框。这些复选框具有从 sql 分配给它们的值。我已将所有复选框分配为同一类。 如果我点击...

回答 1 投票 0

点击事件不适用于动态创建元素的子元素

我正在使用 bootstrap-colorpicker 以便用简单的图形内容填充颜色输入值。 为了提供一些“提示颜色”,我尝试附加默认的引导颜色选择器...

回答 3 投票 0

Ajax发送响应成功但PHP没有收到数据

我有一个购物车页面和按钮,例如 ` 我有一个购物车页面和按钮 `<button class="purchase-button" data-courses-id="<?php echo $coursesID; ?>" onclick="Payment()"> </button>` 所以当用户点击它时,付款表格将显示,我想获取要显示的产品的ID。 这是js文件: ` function Payment() { document.querySelector(".body-payment").style.display = "flex"; document.body.style.overflow = "hidden"; document.querySelectorAll(".purchase-button").forEach((button) => { button.addEventListener("click", (event) => { const courseID = button.getAttribute("data-courses-id"); const data = { courseID: courseID }; $.post("payment.php", data) .done(function (response) { console.log("Payment data sent successfully:", data); }) .fail(function (error) { console.error("Error sending payment data:", error); }); }); }); } ` ajax 工作正常,它发送数据,但 PHP 不发送数据: ` if (isset($_POST['courseID'])) {} else echo "Error"; ` 我尝试打印服务器并发布,例如: ` print_r($POST); ` 我得到的输出是数组空。 我猜我没有表单标签,也许按钮被点击了两次。请帮助我! 你可以试试这个方法 当 DOM 准备好时添加事件监听器,而不是等待调用“付款”函数,而是将事件监听器移到“付款”函数之外。 直接在事件监听器内触发“支付”功能

回答 1 投票 0

为什么我的 onClick 函数需要两次点击

我从我的几个不同项目中注意到,每当我单击某些内容时,我都会添加一个 onClick 函数,当页面刚加载时,总是需要单击两次才能使其运行。 一代...

回答 5 投票 0

onClick 在 React 中第一次单击时不起作用

我有一个按钮,可以在单击时显示/隐藏元素,但它在第一次单击时不起作用,但在后续单击时起作用。我希望它能在第一次点击时起作用。 从 &

回答 1 投票 0

动画表单的标签

我试图让我的输入标签在单击后向上移动,其工作方式是在单击输入后,将包含我想要的动画的类分配给标签,但它不起作用...

回答 1 投票 0

当以编程方式修改当前时间时,音频播放按钮会发出幻像第二次单击,从而阻止播放

当我暂停音频并将其设置为当前时间时,它会执行一些奇怪的操作。当我按下控制音频暂停状态的按钮时,它似乎会自动再次单击,从而防止 au...

回答 1 投票 0

SEO 和锚链接“onclick”

我正在开发一个使用 JavaScript 添加链接的页面。据我所知,这对于 SEO 来说并不是最佳的。 DOM-manipulation/jQuery 添加的示例: 我正在开发一个使用 JavaScript 添加链接的页面。据我所知,这对于 SEO 来说并不是最佳的。 通过 DOM-manipulation/jQuery 添加的示例: <a href="" onclick="openPage(231);">Go To Page</a> 所以我添加了正确的 href 属性并创建标签服务器端,如下所示: <a href="?color=red#pageOne" onclick="openPage(231);return false;">Go To Page</a> 即使导航是由 JavaScript 函数完成的,Google 和其他搜索引擎是否会接受 href,或者锚标记是否会因包含无法访问的链接而被“优先级降低”?该链接本身将引导至与 JavaScript 事件相同的页面。然而,在这种情况下,它并没有实际被使用。 爬虫会看到href链接并尝试使用它们。 Google 爬虫能够使用 JavaScript 来跟踪此处博客中的链接,几乎没有什么问题。 http://www.searchenginepeople.com/blog/onclick.html。如果您希望抓取链接,那么还有其他选择,因为谷歌将跟踪页面源上的文本网址。

回答 1 投票 0

如何在react-native中将文本复制到剪贴板?

我想集成一个小文本(我的电子邮件地址),但我希望用户可以复制此文本。我想到一个按钮,当我们点击它时,电子邮件地址将被复制并可以粘贴

回答 7 投票 0

在 <select> HTML 元素中响应 Onclick

我在 HTML 中创建了一个选择元素下拉列表。 select 标签有三个选项。 “onclick”JS 事件附加到 select 标签。在 JavaScript 中,我有一个匹配的函数来发出警报......

回答 2 投票 0

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.