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

Question

如果我们有 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在移动设备上。

问题:

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

Answer 1

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

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

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