将“touchstart”事件转换为“mousedown”事件

Question

我收到客户的一项请求，要求更改 HTML 包以支持桌面浏览器。 最初开发该软件包仅支持 ipad。 所以这个包是在充满“touchstart”事件的情况下开发的。 现在我想将touchstart转换为mousedown或touchstart mousedown 。 示例代码供您参考。 这在 iPad 中运行良好。 但不是在桌面。

 $('.toggle-button').bind("touchstart",function() {
   alert("toggle button tapped");
 });

我确信查找和替换需要更多时间，而不是有效的时间。 是否有任何解决方案或查找和替换是唯一的解决方案。 提前致谢。

Answer 1

在 touchstart 事件中触发 mousedown 事件。

var elem = document.getElementById('yourdiv');
 $('body').on('touchstart', '[id^="showmenu_"]', function(e){
        e.preventDefault();
       elem.dispatchEvent(new Event('mousedown'))
    });
$(elem).on('mousedown', function () {
    alert('on');
});