javascript - jQuery:单击时切换功能，因为toggle()不再可用

This question already has answers here:

jQuery click / toggle between two functions
                                
                                    （10个回答）
                                
                        
                        
                            Equivalent of deprecated jQuery Toggle Event [duplicate]
                                
                                    （2个答案）
                                
                        
                2年前关闭。
            
        

如果我们有两个函数要交替执行，一个函数在mouseover另一个函数在mouseout，我们可以在jQuery中轻松实现：

var firstFunc = function() {
  console.log("first");
}

var secondFunc = function() {
  console.log("second");
}

$('.class-name').hover(firstFunc, secondFunc);

.class-name {
  display: inline-block;
  padding: 5px 15px;
  cursor: pointer;
  font-family: Arial, sans-serif;
  font-size: 14px;
  border: 2px solid #069;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div class="class-name">Hover me</div>

由于toggle()的弃用，我们不能在click事件上使用它来触发两个功能。

实际上，我想同时使用：台式机上的hover和移动设备上的click。

问题：


我们应该用什么代替呢？
如果以类似于hover()方法的方式使用但不使用if子句，将会有什么帮助？

最佳答案

更好的方法是创建单独的事件。

$(document).on('mouseover', '.class-name', function () {
    console.log("first");
});

$(document).on('mouseout', '.class-name', function () {
    console.log("second");
});

关于javascript - jQuery:单击时切换功能，因为toggle()不再可用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51630004/