Javascript Mouseenter和mouseleave更改适用于手机和平板电脑

如何将mouseenter和mouseleave更改为使用单击？ 我有图像和点击显示另一个内部。 如何修复mouseleave，以下是Javascript代码：

$("div.mitarbeiterfoto")
    .mouseenter(function() { 
            var id = $(this).attr("id");
            var idInfo = $(this).attr("id").substr(5);
            ($(this).find('img').css('display', 'none'));
            ($('#' + id + '_o').css('display', 'block'));
            showInfo(idInfo);
    })

    .mouseleave(function() {
            var id = $(this).attr("id");
            var idInfo = $(this).attr("id").substr(5);
            ($(this).find('img').css('display', 'block'));
            ($('#' + id + '_o').css('display', 'none'));
            hideInfo(idInfo);
    });

---

求你了，我需要帮助

分配这样的事件会起作用

$('.mitarbeiterfoto').on('mouseenter', function () {
       var id = $(this).attr("id");
            var idInfo = $(this).attr("id").substr(5);
            ($(this).find('img').css('display', 'none'));
            ($('#' + id + '_o').css('display', 'block'));
            showInfo(idInfo);
});

$('.mitarbeiterfoto').on('mouseleave', function () {
       var id = $(this).attr("id");
        var idInfo = $(this).attr("id").substr(5);
        ($(this).find('img').css('display', 'block'));
        ($('#' + id + '_o').css('display', 'none'));
        hideInfo(idInfo);
});


$('.mitarbeiterfoto').on('click', function () {
    //click
});

---

你能放一把小提琴吗？为什么不在点击时触发事件呢？你如何区分平板电脑/手机和桌面？