Question

我正在尝试创建一个模拟.mouseover()事件的chrome扩展程序。

以下是我正在尝试模拟该事件的页面示例。

<div class="hand card-stack" aria-disabled="false">
...
<div id="card-c181" class="card face-up ui-draggable">
    <div class="face"></div>
    <div class="back"></div>
</div>
...
</div>

当我将鼠标放在那些divs上时，类值发生了变化，我正在尝试编写一个脚本来自动检测类名的变化，我最好的想法是模拟.mouseover() < / p>

所以在我编写实际注入代码之前，我在chrome控制台中测试它们并且它们工作正常但是当我注入它们时它们不会...

这是我的inject.js

$(document).ready(function(){
$(main);    
});
function main()
{
  x = $('.card.face-up.ui-draggable').mouseover();
  alert("DONE");
}

的manifest.json

{
  "name": "Testing",
  "version": "1.0",
  "manifest_version": 2,
  "description": "Simulating mouseover",
  "homepage_url": "http://example.com",
  "background": {
    "scripts": ["background.js", "jquery-1.12.4.js"] ,
    "persistent": true
  },
  "browser_action": {
    "default_title": "Inject!"
  },
  "content_scripts": [{
      "js": ["jquery-1.12.4.js"],
      "matches": ["https://*/*"]
  }],
  "permissions": [
    "https://*/*",
    "http://*/*",
    "tabs"
  ]
}

所以，当我点击我的扩展按钮时，它只是提醒并且鼠标悬停不起作用.. 但在Chrome控制台中它可以工作。我已经尝试.mouseenter()，.trigger("mouseover"),。on`在inject.js中没有任何效果，但在chrome控制台中它们可以正常工作。

JQuery模拟鼠标悬停事件不适用于chrome扩展

0 个答案: