0

我正在使用 openfin 开发一个应用程序并做出反应。它是一个在一行中包含多个元素的工具栏。当用户将指针悬停在边缘附近时，我有一个需要更改其背景颜色的边缘。问题是向左或向上/向下（以及窗外）的快速移动会使元素处于悬停状态。

我尝试使用 javascript，但onmouseout有同样的问题。奇怪的是，我在同一个工具栏中有几个包含图像的元素没有这个问题。

有任何想法吗？

编辑： HTML/JSX：

<div>
    <Component1 /> // 80x80-ish
    <MyComponent /> // 20x80-ish wxh
    <OtherComponents />
</div>

MyComponent 是起作用的。css 只是在组件的最外层 divbackground-color上进行更改。:hover抱歉，我不能说得很具体。

现在组件与窗口边缘齐平（没有边框或任何东西）。我在想我可能需要在那里添加几个像素。

Edit2：刚刚注意到Component1有webkit-app-region: drag. 这导致了问题，因为当从常规元素移动到该元素时， MouseOut并不总是触发。

我通过缩小组件解决了这个问题，因此MouseOut有一些空间可以触发（在我的情况下 5px 就足够了）。

4

1 回答 1

0

尝试这个

  $('#element').hover(function() {
  $(this).css({'background':'red'});
   }, function() {
   $(this).css({'background':'none'});
   }) ;

希望能帮助到你...

于 2015-09-10T19:06:31.527 回答