如何将 onmouseout 事件添加到 javascript 选项卡面板答案

【问题标题】：How can I add an onmouseout event to a javascript tabs panel如何将 onmouseout 事件添加到 javascript 选项卡面板
【发布时间】：2017-04-06 23:12:50
【问题描述】：

我目前正在使用此选项卡面板 (http://www.oaa-accessibility.org/example/35/) 来满足 ADA 合规性，我需要在该功能中添加一个 onmouseout。我在 javascript 方面非常糟糕，所以我该怎么做呢？

$(document).ready(function() {
  var panel1 = new tabpanel("tabpanel1", false);
});

我相信答案很简单

【问题讨论】：

您使用的是 JQuery 还是任何其他 javascript 库？
正在使用JQuery 1.11
能不能把jquery加成标签

标签： javascript onmouseout

【解决方案1】：

看来您正在使用 jquery，您可以使用 mouseleave 事件。所以可以通过多种方式处理事件：.bind() (best)、.on() (更好) 或 mouseleave() (ok)。请参阅下面的示例。

$(document).ready(function(){
    var panel1 = new tabpanel("tablpanel1", false);
    $(tablpane1).bind("mouseleave", function(){
        //code here
    });
});

备用 1

$(document).ready(function(){
    var panel1 = new tabpanel("tablpanel1", false);
    $(tablpane1).on("mouseleave", function(){
        //code here
    });
});

备用 2

$(document).ready(function(){
    var panel1 = new tabpanel("tablpanel1", false);
    $(tablpane1).mouseleave(function(){
        //code here
    });
});

【讨论】：

【解决方案2】：

这将绑定到 tabpanel div 并在您收到鼠标移出事件时触发

$(document).ready(function() {
  var panel1 = new tabpanel("tabpanel1", false);
  $(panel1.$panel).mouseout(function(){
     ## do something
   });
});

【讨论】：

这将绑定到 tabpanel div 并在您收到鼠标移出事件时触发