onclick 相关问题

如果打开另一张图像则隐藏图像，反之亦然

我有 2 个图像（Image1、Image2）的代码，如果单击另外 2 个图像，它们都会打开，最后有 onclick 和 java 部分，如下所示： ... 我有 2 个图像（Image1、Image2）的代码，如果单击其他 2 个图像，这两个图像都会打开，最后有 onclick 和 java 部分，如下所示： <table style="whatever"> <tbody> <tr style="whatever""> <td><a href="link to game1 when the image is clicked" alt="Game1" target="blank" onclick="AfficherCacher('Image1')"> <img src="the image clicked to open Game1+Image1.jpg" width="1689" height="955" class="img-fluid atto_image_button_text-bottom"></a><br></td> <td><a href="link to game2 when the image is clicked" alt="Game2" target="blank" onclick="AfficherCacher('Image2')"> <img src="the image clicked to open Game2+Image2.jpg" width="1689" height="955" class="img-fluid atto_image_button_text-bottom"></a><br></td> </tr> </tbody> </table> 然后 </table> <table style="whatever"> <tbody> <tr style="whatever"> <td> <div id="Image1"> <ul> <img src="Image1.jpg"> </ul> </div> </td> </table> <table style="whatever"> <tbody> <tr style="whatever"> <td> <div id="Image2"> <ul> <img src="Image2.jpg"> </ul> </div> </td> 最后的 JavaScript 部分使其一切正常： <p> <script type="text/javascript"> // <![CDATA[ function AfficherCacher(texte) { var test = document.getElementById(texte).style.display; if (test == "block") { document.getElementById(texte).style.display = "none"; } else { document.getElementById(texte).style.display = "block"; } } // ]]> </script> </p> 唯一的是Image1和Image2可以同时显示在页面上，这是我不想要的。我想打开Image2使Image1消失，并打开Image1使Image2消失。 我不知道该用什么。 预先感谢您的帮助。 我尝试过发明“if”条件，但我不懂 JavaScript（或 CSS），所以我会盲目地去做，而且我显然做错了什么。我不知道我能使用什么以及什么存在/有效。 您应该在此处使用数据属性，这将使事情变得更容易。 然后，您可以使用 classList.toggle 函数根据条件应用类或删除类。 在下面的代码中，我将单击的按钮的数据属性值与每个图像进行比较，并隐藏不具有相同数据属性值的每个图像。这甚至在使用 100 张图像时也有效。 const Buttons = document.querySelectorAll('menu button'); const Images = document.querySelectorAll('img'); Buttons.forEach(button => { button.addEventListener('click', function() { let dataIndex = this.dataset.image; Images.forEach(image => { let imageIndex = image.dataset.image; image.classList.toggle('d-none', imageIndex !== dataIndex); }) }) }) .d-none { display: none; } <menu> <li><button data-image="1">Show Image 1</button></li> <li><button data-image="2">Show Image 2</button></li> </menu> <img data-image="1" class="d-none" src="https://fakeimg.pl/200/ff0000/FFFFFF"> <img data-image="2" class="d-none" src="https://fakeimg.pl/200/0000ff/FFFFFF">

嵌套div元素onclick调用所有div的click事件

我的html代码如下； &... 我的html代码如下； <div onclick=alert("First div")> <div onclick=alert("Second div")> <div onclick=alert("Third div")> </div> </div> </div> 问题是当单击最里面的 div 时，所有三个警报消息都会显示。 如何修改代码，以便只显示与 div 标签对应的 1 条警报消息。 您可以通过单击最里面的 div 时停止事件传播来实现此目的。这样，点击事件就不会冒泡到父级div。 <div onclick="alert('First div')"> <div onclick="event.stopPropagation(); alert('Second div')"> <div onclick="event.stopPropagation(); alert('Third div')"> </div> </div> </div>

为什么组件开始渲染时按钮自动点击了 24 次并且没有响应？

在routes/index.tsx上我有： 从“../islands/Counter.tsx”导入Main； 导出默认函数 Home() { 返回（）； } 在 island/Counter.tsx 上我有： 导入 { useState } f... 在 routes/index.tsx 我有： import Main from "../islands/Counter.tsx"; export default function Home() { return (<Main />); } 在 islands/Counter.tsx 我有： import { useState } from "preact/hooks"; export default function Main() { const [count, setCount] = useState<number>(0); return ( <main> <button onClick={setCount(count + 1)}>click</button> {count} </main> ); } 第一个渲染显示数字 24，并且 Firefox 说“此页面正在减慢 Firefox 的速度”。我哪一部分做错了？ onClick 应该被赋予一个函数，但你直接调用 setCount。 import { useState } from "preact/hooks"; export default function Main() { const [count, setCount] = useState<number>(0); return ( <main> - <button onClick={setCount(count + 1)}>click</button> + <button onClick={() => setCount(count + 1)}>click</button> {count} </main> ); }

我的代码有什么问题：javascript onclick 图像更改图像

我想更改单击时的图像，但通过变换使新图像变大 我想做的另一件事是，当我单击这个 div 时，我想同时隐藏其他 div 功能

如何让关闭按钮在弹出窗口上工作？

我一直在尝试让我的代码工作一段时间，唯一不起作用的是关闭按钮。谁能发现我哪里出错了？ 弹出框是使用自定义 p 从 WP 动态生成的...

不读取JavaScript模块文件中的函数，通过在html文档中调用onclick

为什么当我们在 html 文档中的“onclick”中调用函数时，如果存在“import”，则 JavaScript 模块文件中不会读取该函数？ 在这种情况下是否有再次使用“onclick”的解决方案...

如何防止“tel:”链接触发“beforeunload”事件？

在用户刷新页面之前，我会出现一个弹出窗口： window.addEventListener('卸载前', function (e) { e.preventDefault(); e.returnValue = ''; }); 这是作为前...

如何使用onclick删除活动类？

我试图让 onclick 在单击时删除 .active 类，但它不起作用？ 选择了触发器类来移除活动类，但它没有做任何事情？我期待 .active cl...

如何创建基于点击的弹出窗口？

我试图在单击某个项目时显示弹出窗口。单击该项目后会添加 .active 类，但是一旦该类处于活动状态，如何添加弹出容器？ 我相信这是我添加

重新加载不同宽度的作品集文本

您为我的投资组合网站代码提供了很大的帮助！ 现在只剩下我前几天发现的一个问题了。 当您单击投资组合项目时，它会打开。如果你关闭它，...

在python3-flet脚本中，如何在点击后删除按钮？

我想在单击按钮时将其删除。 按照我的 Python3-Flet 脚本： 将 flet 导入为 fl def main(页:fl.Page): def 删除(e): 通过#我可以做什么来删除按钮...

JavaScript 按钮 onclick 不起作用

你好 函数你好（）{ 警报（'你好'）； } 这是我的代码。但这不起作用。当我点击...

单选按钮的onclick事件

如何使用 JavaScript 为 C# 类中的单选按钮控件实现“onclick”事件，以更改隐藏的服务器控件文本框文本值以反映单击了哪个按钮？按钮...

使用 Javascript 根据按下的按钮更改 div 的文本

我确信这比我想象的要容易，但是 - 我需要根据按下的按钮来更改段落。我想使用与我单击的按钮相同的按钮来更改...

使用两个带有 onclick 事件的按钮，并且不断地互相改变？

这就是我想要实现的目标： 两个按钮（左和右）。左侧按钮开始时悬停时光标为“不允许”（表示开始左侧按钮不应该...

如何使用 HTML5 和 jQuery 在文件夹“css”中使用 onclick SwapStyleSheet 正确指向样式表，而不是在 1 个文件夹中全部工作？

我找到了以下堆栈URL答案： 如何使用下拉框更改样式表？ 对于 jQuery onclick SwapStyleSheet；我构建了以下效果很好的！唯一的问题是；一旦我放置...

如何从隐藏/显示中删除其中一个点击？

我试图在单击时显示/隐藏有关名称的更多信息，但不知道如何使其单击即可工作。 我正在获取包含游戏相关信息的 JSON 并使用 JS 创建一个 div，如下所示： 获取（...

在 NextJS 组件中执行 `onClick` 的正确方法是什么？

使用 NextJS 做我的项目时，我遇到了一个部分，我制作了一个名为 app_buttonGray 看起来像这样： // /components/app_buttonGray.js 导出默认函数 AppButtonGray({ size,

为什么每次 React 组件渲染时我的 onClick 事件都会触发？

我有一个用于产品页面的 React 功能组件。我正在计算用户希望添加到购物篮的产品数量 const [产品数量，设置产品数量] = useState(1); 每个...

javascript 在外部程序而不是浏览器中打开链接

有什么方法可以使用javascript在外部程序中打开链接而不是（！）在网络浏览器中打开链接？ 背景：从 CRM2015 本地部署，我想在 Lotus Notes 中打开邮件。 脚本： 有没有办法使用 javascript 在外部程序中打开链接，而不是（！）在网络浏览器中打开链接？ 背景：从 CRM2015 本地部署我想在 Lotus Notes 中打开邮件。 脚本： <html> <body> <p onclick="myFunction()">Click me</p> <script> function myFunction() { window.open("notes:///server/file"); } </script> </body> </html> 发生了什么：邮件在 Lotus Notes 中打开 -> 良好 但 IE11 中还会出现一个附加选项卡，地址栏中的空白页面和链接 -> 错误 应该发生什么：邮件将在 Lotus Notes 中打开，但在 IE11 中没有其他选项卡或窗口。 有什么办法可以解决我的问题吗？ 非常感谢您的帮助，祝周末愉快！ 如果您想通过 JS 导航到外部协议，请按照导航到 HTTP URL 的方式进行操作： function goSomewhere() { window.location = "notes:///server/file"; } 正常的浏览器应该 1. 停留在同一页面，并且 2. 启动外部程序（强调 应该，对于疯狂的浏览器不做任何保证 - 例如 IE8 及以下版本）。 你好，这篇文章很旧，但我尝试使用 macOS-Sonoma (M3) 和 safari 版本 17.3.1 function goSomewhere() { window.location = "notes:///server/file"; } 它工作正常，但我有 2 个问题 首先：我不明白 ///server/file 这不是 Notes 的真实路径？ 第二：如果我对此脚本感兴趣，那是因为我想启动（在客户端上）VLC 应用程序（或其他）这可能吗？ 我注意到启动笔记、消息、照片都可以 但是日历、电子邮件...并且不知道为什么？ 谢谢