click 相关问题

在用户界面中,单击是指按下鼠标按钮或类似的输入设备。

如何使用 selenium 单击 V 形以获取“更多结果”?

我正在使用 Selenium 抓取网页来搜索结果。这工作正常,我确实得到了我想要的结果,但不是所有结果,只有数百个结果中的十二个。 为了获得额外的结果,我必须...

回答 0 投票 0

D3 - 无法获取点击事件的数据参数

我正在尝试将 onClick 事件添加到我的 D3 barChart 并根据单击的栏执行一些操作,但我无法获取事件的“data”参数(未定义)。我错过了什么吗? T...

回答 2 投票 0

JS如何定位被点击的div内的div

这是一种特殊情况:更改单击元素的 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>

回答 2 投票 0

如何知道tkinter中的按钮是否被点击?

我想在单击按钮时执行任务。我该怎么做呢?我的代码是: 从 tkinter 导入 * 根 = Tk() def 嘿(): 如果单击 bt1: #做一点事 如果单击 bt2: ...

回答 2 投票 0

Unity中点击箭头时让玩家向右或向左移动

我正在编写一个脚本,如果单击向右箭头,玩家就会以恒定的速度向屏幕右侧移动,然后在离开屏幕后停止。 (同样,如果您...

回答 1 投票 0

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>

回答 3 投票 0

如何创建带有可点击标签的复选框?

如何创建带有可单击标签的 HTML 复选框(这意味着单击标签可打开/关闭复选框)?

回答 12 投票 0

jquery mobile click() 在列表视图上

我在 jquery mobile 中的列表视图有问题。我想使用 JSON 从服务器加载一些数据,并用项目填充列表视图。效果很好。但是当我尝试对 CLI 做出反应时...

回答 4 投票 0


“退出”按钮和徽标不可点击

我有一个用 HTML 和 CSS 创建的菜单栏。 我的按钮集中在菜单栏的中间,工作得很好。我的问题是机翼上的按钮......

回答 1 投票 0

Angular 路由器链接和点击事件触发

我有一个角度分量,其目的如下所示: 占据...的 100%

回答 3 投票 0

Selenium Click() 不适用于 scrapy 蜘蛛

我正在尝试使用 scrapy 蜘蛛从列表页面抓取产品页面的链接。该页面显示前 10 台机器,并有一个调用一些 javascript 的“显示所有机器”按钮。

回答 2 投票 0

在 JavaScript 中检测点击与触摸[重复]

我知道您可以按照以下答案检测浏览器是否在带有触摸屏的设备上运行:https://stackoverflow.com/a/4819886/589921 但是,我知道有些设备都有触摸屏和......

回答 1 投票 0

点击监听器阻止点击注册

我添加了这个简单的事件监听器(在我的浏览器扩展的 content.js 的上下文中) document.addEventListener('点击', (e) => { if (e.altKey) { 控制台.log(e); } }, 真的,) 这我...

回答 1 投票 0

检查现代浏览器中的点击是否是由触摸触发的

这个问题是对此问题的更新,但适用于现代浏览器。 (不幸的是,这里的答案已经过时和/或不是普通的 JavaScript)。本质上我想执行一个简单的测试来检测...

回答 1 投票 0

使用Javacript,正确选择了按钮元素,但事件成功触发后发生了.click()

我正在做一个Javascript用户脚本,可以在这个网页上自动点击“Voir plus”。 为了选择按钮元素“Voir plus”,我使用了很棒的 waitForElem 函数。这工作很棒&...

回答 1 投票 0

探索中的出站点击链接 URL 为空,什么问题? (谷歌分析)

我正在尝试在 Google Analytics 中创建一个探索视图,该视图将显示我的网站上有多少出站点击,以及点击了哪些特定链接。 我从一个空白项目开始......

回答 1 投票 0

Javascript click() 函数同时单击所有按钮

我想单击网站上的所有按钮,但我的代码尝试同时单击所有 2000 个按钮,并且由于 chrome 失败。我怎样才能让它一一点击所有按钮所以...

回答 2 投票 0

MUI 基础模态背景未注册点击

我尝试使用 MUI Base Modal 组件和 scss 模块来实现模态样式: 从 '@mui/base' 导入 { Modal as BaseModal, ModalProps as BaseModalProps }; const 背景 = () =&g...

回答 1 投票 0

如何防止隐藏图表图例上的图表栏单击

如何防止在角度应用程序中单击图表图例上隐藏绘图图表栏。 如何防止在角度应用程序中单击图表图例上隐藏绘图图表栏。 <plotly-plot [divId]="graph.selectedGraph.name" [data]="graph.selectedGraph.data" [config]="graph.selectedGraph.config" [layout]="graph.selectedGraph.layout" (relayout)="draggedShape($event)" [ngClass]="{ 'single-data': graph.data && graph.data.length === 1 }" (legendClick)="launchColorPicker($event); $event.stopPropagation()" > </plotly-plot> 您需要使用 Plotly 或 event.preventDefault() 禁用默认的 return false 行为,因此在您的 launchColorPicker 函数中。 launchColorPicker(event: any) { // Your code ... if (event) { event.preventDefault ? event.preventDefault() : (event.returnValue = false); } return false; }

回答 1 投票 0

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