在用户界面中，单击是指按下鼠标按钮或类似的输入设备。
在我的 React 代码中我有这个音频： 在我的 React 代码中我有这个音频： <audio ref={audioRef} className={'d-flex flex-grow-1'} style={{ height: '30px', width: 'calc(100% - 50px)' }} src={source} controls={true} autoPlay={false} > 当用户点击其中一个控件，或者点击没有控件的空间时，我需要得到通知。 我尝试添加一个 onClick 属性，但它从未被调用： <audio ref={audioRef} className={'d-flex flex-grow-1'} style={{ height: '30px', width: 'calc(100% - 50px)' }} src={source} controls={true} autoPlay={false} onClick={() => console.log('clicked!!!')} // clicks do NOT trigger this onClick > 我如何知道音频标签或其任何控件何时被单击？ 标签本身的 onClick 事件可能不会被触发，因为音频控件由浏览器管理，并且在某种程度上独立于元素运行。 但是，（也许可以帮助）您可以使用包装元素来检测点击来捕获点击： 将元素包裹在一个或另一个容器中 将 onClick 事件附加到此包装器。 容器内的任何点击（包括音频控件）都会触发该事件。 <div onClick={() => console.log('Audio clicked!')} style={{ display: 'flex', alignItems: 'center' }} > <audio ref={audioRef} className={'d-flex flex-grow-1'} style={{ height: '30px', width: 'calc(100% - 50px)' }} src={source} controls={true} autoPlay={false} /> </div>
Leaflet 支持使用 CircleMarker 实现更大的点击半径
Leaflet 是否支持一种方法，允许创建的 CircleMarker 的半径为 5，但允许对单击事件敏感的标记的纬度/经度的半径（显示绑定弹出...
我尝试模仿用户单击用户名字段（例如）时的行为，并且所有文本（名称）将被自动选择，以便更容易地将其替换为新文本。但是当...
我的 main.py 有两个页面 页数 = { “/”：root_md， “页面地图”：page1_md， “页面-仪表板”：page2_md， } 我怎样才能在点击我的页面地图后收到信息...
所以我一直在开发一个主要使用 tkinter 模块的项目，当我开始尝试使用按钮时，我发现我实际上不能只是单击它们。我必须点击、按住、然后...
我正在尝试创建一个 Chrome 扩展程序，当用户单击按钮时，该扩展程序可以自动将文本输入到文本框中。我尝试过不同的方法，例如使用innerHTML和
可拖动线系列给出类型错误：无法读取未定义的属性（读取“图表”）
我目前正在使用 当我尝试单击并拖动它给出的线的点时 可拖动线系列给出 TypeError: Cannot read properties of undefined (reading 'chart') 我的设置...
如何在 Flutter Stack 中实现同一位置的 widget 的点击传播？
我正在 Flutter 中使用 Stack，其中有两个小部件（蓝色和黄色）放置在完全相同的位置且大小相同。蓝色小部件在底部，黄色小部件在...
如何使用 selenium 单击 V 形以获取“更多结果”？
我正在使用 Selenium 抓取网页来搜索结果。这工作正常，我确实得到了我想要的结果，但不是所有结果，只有数百个结果中的十二个。 为了获得额外的结果，我必须...
我正在尝试将 onClick 事件添加到我的 D3 barChart 并根据单击的栏执行一些操作，但我无法获取事件的“data”参数（未定义）。我错过了什么吗？ T...
这是一种特殊情况：更改单击元素的 CSS。 如果我有一些这样的 div： ... 这是一种特殊情况：更改被单击元素的 CSS 。 如果我有一些像这样的div： <div class="parent"> <div class="child"></div> </div> <div class="parent"> <div class="child"></div> </div> 我知道我可以为每个父 div 分配一个函数，例如： const parent = document.querySelectorAll('.parent'); if(parent.length){ for (let l of parent){ l.addEventListener('click', (e)=>{ l.classList.toggle('visible') }) } } 但是当单击父级时，如何切换子级 div 的 .visible 类？或者添加visibility:visible到子div样式。 非常感谢！ 您可以继续使用 querySelector，但这次从父元素开始搜索，而不是从文档开始搜索。 parent.addEventListener("click", (event) => { // `event.currentTarget` gives you element that event listener attached to. // it's not necessary, but I prefer to do this way. const child = event.currentTarget.querySelector(".child"); // since `querySelector` can return `null`, it's never bad thing to check // using optional chaining is also a solution if (child === null) return; child.classList.toggle("visible"); }); 一些建议 - 最好使用按钮作为交互元素，因为 div 没有任何语义，并且不会在辅助功能树中显示为交互元素。而且它不能用键盘激活。这会使某些用户无法访问您的元素。使用按钮只需要更改 HTML，并且会使其更加可用。 您可以为此使用 e.target，然后检查该目标是否包含 .child 类以切换所需的类。 const parent = document.querySelectorAll('.parent') console.log(parent) parent.forEach(div=>{ div.addEventListener('click', (e) =>{ let target = e.target console.log(target) if(e.target.matches('.child')){ target.classList.toggle('changeBackground') } }) }) .parent{ display: flex; justify-content: center; align-items: center; width: 100px; height: 100px; border: 2px solid black; } .child{ display: flex; width: 50px; height: 50px; border: 1px solid red; } .child.changeBackground{ background-color: yellow; } <div class="parent"> <div class="child"></div> </div> <div class="parent"> <div class="child"></div> </div>
我想在单击按钮时执行任务。我该怎么做呢？我的代码是： 从 tkinter 导入 * 根 = Tk() def 嘿(): 如果单击 bt1： ＃做一点事 如果单击 bt2： ...
我正在编写一个脚本，如果单击向右箭头，玩家就会以恒定的速度向屏幕右侧移动，然后在离开屏幕后停止。 （同样，如果您...
Javascript 单击事件处理程序 - 如何获取对单击项目的引用？
我的 HTML： 它变绿了 它变成蓝色&... 我的 HTML： <div id="x" onclick="clickHandler(event)"> <div id="button1">This turns green</div> <div id="button2">This turns blue</div> </div> 为什么我应该将 event 传递到点击处理程序中？ event 是某种系统关键字吗？ 另外，由于点击处理程序是在容器 div 上识别的，我如何知道哪个按钮被点击了？ event 是一个事件对象，在事件触发时自动创建。请注意，您不必将其称为 event（我倾向于简单地称其为 e）。该事件对象有许多属性来描述它所代表的事件。在这种情况下，您感兴趣的元素是 target，它显示作为事件源的元素： function clickHandler(e) { var target = e.target; } 这是一个工作示例。 不幸的是，事情从来没有那么简单。虽然规范规定它应该是 event.target，但 Internet Explorer 喜欢与众不同，并选择使用 event.srcElement，因此您可能需要进行检查以确保 event.target 存在！例如： function clickHandler(e) { var target = (e.target) ? e.target : e.srcElement; } 我通常只是在调用单击处理程序的参数列表中命名被单击的元素，类似于（未经测试）： <div id="x"> <div id="button1" onclick="handle_click_event( this, 'green' )">This turns green</div> <div id="button2" onclick="handle_click_event( this, 'blue' )">This turns blue</div> </div> function handle_click_event ( obj, new_color ) { obj.style.backgroundColor = new_color; } 这种方法对你有用吗？ 为什么你不能这样做？ <div id="x"> <div id="button1" onclick="clickHandler1()">This turns green</div> <div id="button2" onclick="clickHandler2()">This turns blue</div> </div>
我在 jquery mobile 中的列表视图有问题。我想使用 JSON 从服务器加载一些数据，并用项目填充列表视图。效果很好。但是当我尝试对 CLI 做出反应时...
我有一个用 HTML 和 CSS 创建的菜单栏。 我的按钮集中在菜单栏的中间，工作得很好。我的问题是机翼上的按钮......
Selenium Click() 不适用于 scrapy 蜘蛛
我正在尝试使用 scrapy 蜘蛛从列表页面抓取产品页面的链接。该页面显示前 10 台机器，并有一个调用一些 javascript 的“显示所有机器”按钮。