Question

您好我正在处理一些事情，我正在使用svg路径，但svg的点击事件无法正常工作

  $path.map(function(){
    $(this).mouseenter(function(){
        $count = $path.attr('data-like');
        $('#counter').text($count);
        $('#tool').addClass('active');

    });
    $(this).mousemove(function(e){
        $('#tool').css({'top': e.pageY + -14,'left': e.pageX + -14});
    });
    $(this).mouseleave(function(){
        $('#tool').removeClass('active');
    });
    $(this).click(function(){
        console.log('click');
    });


  });

为什么它不起作用？

编辑：当我在mouseenter函数中出错时，奇怪的是单击函数开始工作。

Answer 1

尝试使用on事件处理程序：

 $path.map(function(){
    $(this).mouseenter(function(){
        $count = $path.attr('data-like');
        $('#counter').text($count);
        $('#tool').addClass('active');

    });
    $(this).mousemove(function(e){
        $('#tool').css({'top': e.pageY + -14,'left': e.pageX + -14});
    });
    $(this).mouseleave(function(){
        $('#tool').removeClass('active');
    });
    $(this).on("click", function(){
        console.log('click');
    });


  });

Answer 2

我使用mouseup而不是click功能，现在正在使用

Click事件不适用于svg路径

2 个答案: