【问题标题】:Simulate hover over element jquery function [duplicate]模拟悬停在元素jquery函数上[重复]
【发布时间】:2018-03-02 02:05:40
【问题描述】:

我想在 jquery 中创建一个函数来模拟页面上特定元素的onMouseOver 事件。然后用这样的html按钮调用它

onclick="myFunction()"
我一直在寻找解决方案一段时间,只是无法弄清楚。 有人有解决方案吗?还是更容易制作javascript? 亲切的问候

【问题讨论】:

  • 我不知道你在这里要做什么,如果你将你的 onMouseOver 包装到一个函数中,你也可以在你的按钮的 onClick 中调用它。如果您试图在单击按钮时使光标移动到特定元素,我认为您不能在 JS 中做到这一点。

标签: javascript jquery html mouseover simulate


【解决方案1】:

我不明白,会是这样吗? 我将鼠标放在或悬停事件上,以便在需要时更轻松。

<div class="wrapper" style="width:200px;height:200px;background:red">

</div>
<button id="myButton">my button</button>

__

$('.wrapper').hover(function(){
  console.log('mouse in');
},function(){
  $('#myButton').click();
});

$('#myButton').click(function(){
  alert('clicked button')
})

【讨论】:

  • 啊,我不能用
  • 想象它的函数是 myFunctions (e) { console.log (e.target) } 你可以这样调用它 onclick = "myFunction" 因为 "myfunction" 是一个回调函数,即 jquery 事件将执行并且“myFunction()”你正在调用这个函数来执行
【解决方案2】:
$("#yourid").on('mouseover', function() {
   // do something
});

【讨论】:

  • “yourid”是我放置要模拟悬停/鼠标悬停的特定元素的位置吗?
  • 虽然这段代码 sn-p 可以解决问题,但including an explanation 确实有助于提高帖子的质量。请记住,您是在为将来的读者回答问题,而这些人可能不知道您提出代码建议的原因。
猜你喜欢
  • 1970-01-01
  • 2011-06-02
  • 1970-01-01
  • 2011-10-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-11-29
  • 1970-01-01
相关资源
最近更新 更多