onclick 相关问题

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

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

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

reactjs sorting react-hooks onclick components

回答 1 投票 0

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

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

kotlin methods android-recyclerview onclick android-adapter

回答 1 投票 0

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

单击后，我希望画布上的图像发生变化。重新启用已禁用的按钮时。这是我的按钮代码单击后，我希望画布上的图像发生变化。重新启用已禁用的按钮时。这是我的按钮代码 <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> 在此代码片段中，按钮单击是在脚本标记内部处理的，特别是在创建画布并且存在引用之后。由于我还没有对此进行测试，请提供反馈，我最终会编辑需要的内容。

html button canvas onclick

回答 1 投票 0

如何制作链接上拉选项卡

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

html hyperlink onclick

回答 1 投票 0

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

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

javascript onclick coordinates mapbox mapbox-gl-js

回答 1 投票 0

Python Tkinter 记忆游戏 - onClick 问题

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

python tkinter onclick

回答 1 投票 0

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

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

vue.js onclick pixi.js

回答 1 投票 0

如何在内部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查看

javascript html reactjs node.js onclick

回答 1 投票 0

如何在div内部启动onClick函数

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

javascript html reactjs node.js onclick

回答 1 投票 0

单击按钮显示下一个 div？

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

javascript html css button onclick

回答 1 投票 0

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

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