I have try user-select:none and disable the right-click event, but on mobile web (chrome) the when long pressing on the object, the menu still shows up just like right click on desktop. How do I resolve the problem?

$('#test').bind('contextmenu', function(e) {
    return false;
})

#test{
user-select: none
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<p id="test">click me</p>

The code only works on desktop, not mobile web.