onclick 相关问题

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

嵌套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>

回答 1 投票 0

为什么组件开始渲染时按钮自动点击了 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> ); }

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 2 投票 0

如何使用onclick删除活动类?

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 2 投票 0

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

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

回答 1 投票 0

JavaScript 按钮 onclick 不起作用

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

回答 16 投票 0

单选按钮的onclick事件

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

回答 4 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 2 投票 0

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

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

回答 2 投票 0

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

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

回答 1 投票 0

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 应用程序(或其他)这可能吗? 我注意到启动笔记、消息、照片都可以 但是日历、电子邮件...并且不知道为什么? 谢谢

回答 2 投票 0

如何防止双击react时单击

我想在反应中单击并双击视频元素来调用函数。但是当我双击该元素时,它也调用单击函数 我想要问题的解决方案...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.