onclick 相关问题

Onclick 从列表随机重定向

我正在尝试在我的网站上创建一个按钮，用于从新选项卡中的列表中打开随机页面。 我认为我已经非常接近了，但是当新选项卡打开时，它是一个“about：blank”页面。 我不确定...

TimePickerDialog中的onClick没有响应

我想要一个 ListView，可以在其中单击单个项目。应该出现一个 TimePickerDialog 并让用户选择一个时间并确认他的选择。所以我使用了 setButton(BUTTON_POSITIVE, ......

寻找一种在 SVG 中的任何路径发生鼠标事件时调用 Javascript 函数的方法

我有一个 SVG，其中有数千条以下格式的路径： 我有一个包含数千条这种格式路径的 SVG： <path id="c02130" d="m256.29 573.18-0.78515 1.1758h1.1777v-0.78516zm0.39258-1... <title>Ketchikan Gateway, AK</title> </path> 每当路径发生鼠标事件时，我需要调用 Javascript 函数。目前，我通过点击执行此操作，效果很好： <path id="c02130" onclick="on('c021830')" d="m256.29 573.18-0.78515 1.1758h1.1777v-... <title>Ketchikan Gateway, AK</title> </path> on() 函数使用 AJAX 从服务器获取文本并将其写入 区域。 我想知道是否有更好的方法不需要向每个路径添加 onclick，因为所有路径都将以相同的方式处理 - 将它们的 id 传递给 Javascript 函数。 是的，有更好的方法： 将 onClick 事件侦听器添加到 svg，然后使用 event.target 查看事件来自何处，如下所示： <script> function onSvg(event) { on(event.target.id); } </script> <svg onClick="onSvg" ></svg>

Hover、onClick 功能不适用于 React 中动态添加的内容（按钮）

我正在获取 URL 输入并使用 API 缩短它，并使用复制按钮动态地将这个缩短的 URL 添加到 DOM，以便用户获得缩短的 URL，但是当我添加

Google Mpas Javascript API 加载标记 onclick

我正在尝试新的 API 来动态导入库。 我无法通过使用链接或按钮的 onclick 事件调用函数来加载标记。谁能给我一个建议吗？ 我尝试过这个但是

在 Ionic 7 和 React 18 中，如何获取对 Swiper 的引用，以便用户可以通过单击按钮进行转换？

我正在使用 Ionic 7、React 18 和 Swiper 10.3.1。我有以下在两个图像之间切换的组件。我想将其设置为水平翻转动画，当有人单击按钮时，...

按钮 onclicks 对某些元素不起作用

我正在用 JavaScript 制作游戏。我正在尝试创建一个带有 onclick 元素的按钮并将其附加到场景。我已经在几个地方这样做了，但现在代码失败了。这是...

@click-append-inner 在 vuetify 3 代码中不起作用

我尝试使用“@click：append-inner =“randomFunc””来触发我在“v-text-field”内部附加的图标上的单击事件，但它不起作用。而且光标没有变化...

对不同组件中的数据进行排序ReactJS

我正在尝试放置一个按钮，单击该按钮将按降序对信息进行排序。 我将组件分开，在这个组件中，我有按钮和 onclick 来执行排序...

为什么我的RecyclerView可以正常滚动但不执行onItemClick方法？

我正在 Android Studio 中从事 Kotlin 项目。我定义了自己的适配器并在我的活动中实现了 RecyclerView。 RecyclerView 正确填充数据并允许我滚动...

有没有办法通过单击按钮来更改画布上的图像？

单击后，我希望画布上的图像发生变化。重新启用已禁用的按钮时。 这是我的按钮代码 单击后，我希望画布上的图像发生变化。重新启用已禁用的按钮时。 这是我的按钮代码 <div style = "position:absolute; left:625px; top:100px; background- color:white;"> <button id="btn1" type="button" onclick="alert('The guy was disapointed. The guards come in and detain him. I think I made the wrong choice'); document.getElementById('btn2').disabled = true;" >Detain</button> <button id="btn2" type="button" onclick="alert('The guy sighs in relief and looked happy. The guards guide him to the exit. I think I made the right decision'); document.getElementById('btn1').disabled = true;">Free them</button> </div> 这是我的画布代码 <img id="Man2" width="0" height="0" src="Man2.PNG" alt="Man2"> <canvas id="myCanvas1" width="600" height="450" style="border:1px solid grey;"></canvas> <script> window.onload = function() { const canvas = document.getElementById("myCanvas1"); const ctx = canvas.getContext("2d"); const img = document.getElementById("Man2"); ctx.drawImage(img, 10, 10); }; </script> 这是画布上已有的图像。 这就是我想要图像变成的样子。 我尝试添加另一个按钮 id 并尝试通过画布上的 Id 获取元素，但它不起作用。 <div style="position:absolute; left:625px; top:100px; background-color:white;"> <button id="btn1" type="button" onclick="detain()">Detain</button> <button id="btn2" type="button" onclick="free()">Free them</button> </div> <img id="Man1" width="0" height="0" src="Man1.PNG" alt="Man1"> <img id="Man2" width="0" height="0" src="Man2.PNG" alt="Man2"> <canvas id="myCanvas" width="600" height="450" style="border:1px solid grey;"></canvas> <script> var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d"); changeImage("Man2"); //First image loaded on the canvas function detain() { alert('The guy was disappointed. The guards come in and detain him. I think I made the wrong choice'); document.getElementById('btn2').disabled = false; document.getElementById('btn1').disabled = true; changeImage("Man1"); //Change based on button click } function free() { alert('The guy sighs in relief and looks happy. The guards guide him to the exit. I think I made the right decision'); document.getElementById('btn1').disabled = false; document.getElementById('btn2').disabled = true; changeImage("Man2"); //Change based on button click } function changeImage(imageId) { var img = document.getElementById(imageId); ctx.clearRect(0, 0, canvas.width, canvas.height); //This should clear the canvas ctx.drawImage(img, 10, 10); } </script> 在此代码片段中，按钮单击是在脚本标记内部处理的，特别是在创建画布并且存在引用之后。 由于我还没有对此进行测试，请提供反馈，我最终会编辑需要的内容。

如何制作链接上拉选项卡

当我单击链接时，我希望它拉出一个以前完全隐藏的新选项卡。这些选项卡与页面上已经看到的选项卡类似。几乎，每当你点击某个东西时......

单击 Mapbox GL JS 时显示 Lat Lng 坐标

我正在尝试让我的地图框显示像此 Google 地图示例一样的坐标，并在单击时弹出 lat lng 坐标。我得到的最接近的是得到一个可拖动的标记，显示...

Python Tkinter 记忆游戏 - onClick 问题

我正在尝试使用我选择的图像构建一个记忆游戏。我正在使用 Tkinter 和 Python 我可以创建按钮，但我的功能有问题，不允许我看到...

无法点击六边形地图中的六边形 Pixi.js (Vue)

我有一张使用 pixi.js 的六边形地图，当我想向我的六边形添加点击事件侦听器时 const hex = new PIXI.Graphics(); hex.beginFill(0xffffff, 1); hex.lineStyle(2.5,

如何在内部div元素中启动onClick函数

我正在尝试构建一个聊天页面，我可以在其中添加用户，就像在 WhatsApp 中一样，并使每个聊天的每次点击都会根据所选聊天进行响应。 ... 我正在尝试构建一个聊天页面，我可以在其中添加用户，就像在 WhatsApp 中一样，并使每个聊天的每次点击都会根据所选聊天进行响应。 <div id="list_chat"> {contacts.map(contact => ( <ContactBlock receiver={contact.receiver} username={contact.username} displayName={contact.displayName} password={contact.password} profilePic={contact.profilePic} time={contact.time} lastmessage={contact.lastmessage} key={contact.username} /> ))} </div> function ContactBlock({ receiver, username, displayName, password, profilePic, time, lastmessage}) { const handleClick = () => { console.log(`Clicked on contact with username:`,); }; return ( <div className="block" id="contact_block" onClick={handleClick}> <div className="imgbx"> <img src={profilePic} alt="not found" className="cover" /> </div> <div className="details"> <div className="listhead"> <h4>{displayName}</h4> <p className="time">{time}</p> </div> <div className="message_p"> <p>{lastmessage}</p> </div> </div> </div> ); } export default ContactBlock; 我无法激活 ContactBlock 上的 onClick，但它适用于“list_chat”div。 当我单击 ContactBlock 时，它指的是“list_chat”div。 当您单击 ContactBlock 时，事件可能会传播到 id 为 list_chat 的父级 div。这可能是由于事件捕获所致。 在 event.stopPropagation() 中添加 handleClick 以防止这种行为。 const handleClick = (event) => { event.stopPropagation(); console.log(`Clicked on contact with username: ${username}`); }; 或者，您可以使用 addEventListener 来指定事件发生时的元素顺序： 访问https://www.w3schools.com/js/tryit.asp?filename=tryjs_addeventlistener_usecapture查看

如何在div内部启动onClick函数

如果您能帮助我，我将不胜感激。我只是想建立一个聊天页面，我可以像在 WhatsApp 中一样添加用户，我试图让每个聊天的每次点击都根据

单击按钮显示下一个 div？

我有一个包含多个 div 的页面。我希望有一些按钮，当单击时，可以转到下一个 div。例如。 Div #1 在页面上可见。它上面有一个“下一步”按钮。当用户单击下一步

如何在引脚检查后在不单击关闭按钮的情况下卸载叠加层

打开叠加层时，我有一个页面正在加载并要求进行引脚验证。 pin 检查是通过 php on action="" 这一切都很好，但我没有

如何创建 onClick javascript 事件以将其重定向到另一个网站？

我有一个使用 GTranslate 的 WordPress 网站。当我制作中文版网站时，我希望当有人点击 GTranslate 下拉菜单中的“中文”时，我实际上将他发送到新中文