how to disable image dragging in html

1<img src="" alt="" draggable="false">

1use ondragstart="return false" for dragging and onselectstart="return false" for selecting

1     <!--Place the javascript code at the button of the page -->
2     
3     <script>
4          $('img').bind('contextmenu', function(e) {
5            return false;
6        }); 
7        
8        $('#nearestStaticContainer').on('contextmenu', 'img', function(e){ 
9          return false; 
10        });
11        
12        $('body').on('contextmenu', 'img', function(e){     return false; });
13        
14        $(function(){
15             $('body').on('contextmenu', 'img', function(e){ 
16                 return false; 
17             });
18         });
19        
20         const images = document.getElementsByTagName('img');
21        for (let i = 0; i < images.length; i++) {
22            images[i].addEventListener('contextmenu', event => event.preventDefault());
23        }
24        
25        $('img').bind('contextmenu', function(e){
26            alert("Action is prohibited");return false;
27        });
28        </script>