javascript - 从 DOM 闯入表单元素事件

标签 javascript google-chrome-devtools dom-events unobtrusive-javascript

我是一家公司的新员工,该公司的网络应用拥有数百万个 SLOC。

出于某种原因,当单击文本区域(在任何浏览器中)时,会取消选择关联的单选按钮。

我不确定 textarea onclick 触发了什么 JavaScript,我开始想知道,在封装与标记不直接相关的代码时,不显眼的代码是否会导致追捕并闯入源代码的关键部分是非常霸道的。

有没有办法使用 Chrome 开发者控制台来侵入取消选择单选按钮的 JavaScript?我尝试了几个选项但无济于事:(

奖励:这是不显眼的 JavaScript 的缺点吗?

编辑:这是 HTML:

<div class='radio'>
    <label data-toggle='tooltip' title='Originated somewhere else.'>
    <input type='radio' id='q2023_r2320' name='q2023' value='2320'  Other />*Other</label>
    <br />
    <textarea id='q2023_r2320_text' name='q2023_r2320_text' style='width:80%;' rows='1' class='form-control'>
    </textarea>
</div>

最佳答案

您可以向单选按钮添加一个更改事件处理程序,在其中添加一个断点,当它被击中时查看堆栈跟踪。另外,尝试在 chrome 开发工具内的“源”选项卡中执行 Ctrl-Shift-F 并搜索相关 Hook ,例如“radio”和“form-control”类。

关于javascript - 从 DOM 闯入表单元素事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26431845/

相关文章:

javascript - 为什么 `video` 元素在 Firefox 中不会触发 `dragstart` 事件?

javascript - 无法加载 jQuery,因为它违反了内容安全策略

javascript - 如何用单词隐藏整行文本

javascript - Chrome 开发工具在拒绝的 promise 上暂停,即使我正在捕获它

javascript - 从 Chrome 控制台使用 Tampermonkey API?

javascript - 在 JavaScript 中识别/获取选定的上下文菜单项

javascript - 如何在 Javascript 中获取更新的表单值?

javascript - 使用 ID 或 "relative paths"连接到 JS 函数的链接更好吗?

javascript - Chrome DevTools - 数组长度不一致

javascript - 检测手势事件中使用的手指数量