禁用右键单击html5音频元素

Question

有一些用于视频元素的方法，但我找不到用于音频元素的方法。这是我尝试过的。

audio {
    outline: none;
    display: block;
    background-color: transparent !important;
    -webkit-tap-highlight-color: transparent;
}

<audio class="audio" controls controlsList="nodownload">
            <source src="sound.mp3" type="audio/mpeg">
            Your browser does not support the audio element.
         </audio>
<script>
  $(document).bind('contextmenu', function(e) {
    e.preventDefault();
  });
</script>

关于如何防止用户右键单击音频元素的任何想法。此外，如果您有经验，如何有效outline the audio element的任何想法也将在此受到赞赏。

Answer 1

当JavaScript不起作用时，使用oncontextmenu="return false;"似乎可以正常工作。