Javascript 为什么我的Chrome扩展不能点击谷歌文档中的“新评论”按钮?
直到最近,我的Chrome扩展通过一个内容脚本,能够找到并以编程方式单击“新建注释”按钮,该按钮在编辑模式下突出显示Google文档中的文本后出现 以下是突出显示时出现的按钮:Javascript 为什么我的Chrome扩展不能点击谷歌文档中的“新评论”按钮?,javascript,google-chrome-extension,google-docs,Javascript,Google Chrome Extension,Google Docs,直到最近,我的Chrome扩展通过一个内容脚本,能够找到并以编程方式单击“新建注释”按钮,该按钮在编辑模式下突出显示Google文档中的文本后出现 以下是突出显示时出现的按钮: <div id="docs-instant-button-bubble" class="docs-material docs-instant- button-bubble-transformation-ltr docs-instant-button-visible" instant- role="button"
<div id="docs-instant-button-bubble" class="docs-material docs-instant-
button-bubble-transformation-ltr docs-instant-button-visible" instant-
role="button" tabindex="-1" aria-hidden="true" aria-label="Add a instant-
comment" data-tooltip="Add a comment" style="top: 352.8px; opacity: 1; instant-
background-color: red;"><div class="docs-instant-button-bubble-icon-instant-
container"><span class="docs-instant-button-bubble-icon docos-icon-img instant-
docos-icon-img-hdpi docos-instant-icon-img docos-icon-instant-docos-ltr instant-
docos-instant-button-bubble-icon"></span></div></div>
在谷歌文档中,是什么改变了这个元素,使我的程序点击失败
提前感谢您的指导/帮助 来自:
试试这个代码;它通过在按钮中心快速连续触发mousedown、mouseup和click事件来模拟鼠标左键单击元素:
var simulateMouseEvent = function(element, eventName, coordX, coordY) {
element.dispatchEvent(new MouseEvent(eventName, {
view: window,
bubbles: true,
cancelable: true,
clientX: coordX,
clientY: coordY,
button: 0
}));
};
var theButton = document.querySelector('ul form button');
var box = theButton.getBoundingClientRect(),
coordX = box.left + (box.right - box.left) / 2,
coordY = box.top + (box.bottom - box.top) / 2;
simulateMouseEvent (theButton, "mousedown", coordX, coordY);
simulateMouseEvent (theButton, "mouseup", coordX, coordY);
simulateMouseEvent (theButton, "click", coordX, coordY);
试试yourElement.dispatchEventnew MouseeEvent'click',{bubbles:true}试试。@wOxxOm,我改为:var bubbleElem=$docs即时按钮bubble;bubbleElem.dispatchEventnew MouseeEvent'click',{bubbles:true}和Get:Error handling response:TypeError:bubbleElem.dispatchEvent不是function@IvánNokonoko-到目前为止,它工作得很漂亮!!!非常感谢。要将其写为答案吗?bubbleElem不是一个元素,它是一个jQuery包装器,因此需要bubbleElem[0]来访问实际的元素。
var simulateMouseEvent = function(element, eventName, coordX, coordY) {
element.dispatchEvent(new MouseEvent(eventName, {
view: window,
bubbles: true,
cancelable: true,
clientX: coordX,
clientY: coordY,
button: 0
}));
};
var theButton = document.querySelector('ul form button');
var box = theButton.getBoundingClientRect(),
coordX = box.left + (box.right - box.left) / 2,
coordY = box.top + (box.bottom - box.top) / 2;
simulateMouseEvent (theButton, "mousedown", coordX, coordY);
simulateMouseEvent (theButton, "mouseup", coordX, coordY);
simulateMouseEvent (theButton, "click", coordX, coordY);