如何在一个`.on` jQuery代码中使用两个事件

问题描述

这是运行良好的代码，没有任何问题：

$(document).on({
    mouseenter: function() {
        // Handle mouseenter...
    },mouseleave: function() {
        // Handle mouseleave...
    },click: function() {
        // Handle click...
    }
},".MyDivs");

我在here

中找到了此代码

但是它并不能解决我的问题，我的问题是我想执行相同的操作并且它不是短代码，并且我想使其比现在短。

这是我当前的代码：

$(document).on({
    mouseenter: function() {
        sameOperation();
    },mouseleave: function() {
        sameOperation();
    },click: function() {
        sameOperation();
    }
},".MyDivs");

这是我想要的代码，但它不起作用：

$(document).on({
    mouseleave,mouseenter,".MyDivs");

解决方法

on()的第一个参数可以是事件名称的空格分隔字符串，而不是对象：

$(document).on('mouseleave mouseenter click','.MyDivs',sameOperation);

,

您可以这样简单地完成操作。

                   col1                time     value
0  00052600150.00942615 1970-03-02 21:06:55  0.009426
1  00052601000.01014910 1970-03-02 21:08:20  0.010149
2  00052601050.02709672 1970-03-02 21:08:25  0.027097
3  00052601100.11454732 1970-03-02 21:08:30  0.114547
4  00052601150.23151254 1970-03-02 21:08:35  0.231513
5  00052601200.36262522 1970-03-02 21:08:40  0.362625
6  00052601250.66432348 1970-03-02 21:08:45  0.664323
7  00052601301.07723763 1970-03-02 21:08:50  1.077238
8  00052601351.26019487 1970-03-02 21:08:55  1.260195
9  00052601401.20568581 1970-03-02 21:09:00  1.205686

这将在3个不同的事件上触发相同的功能。