"Mouse Event"
Bootstrap 4.1.1 Snippet by RizwanAkram

1
2
3
4
5
6
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<button class="btn btn-success" onclick=" window.open('http://google.com','_blank')"> Google</button>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
// $(document).on("contextmenu", ".btn", function(e){
// alert('Context Menu event has fired!');
// return false;
// });
// $(document).on('click', '.add', function(){
// $('.the-table').append('<tr class="element"><td>Right-Click Me</td><td>Or Me</td></tr>');
// });
$(document).ready(function() {
$('.btn').mousedown(function(event) {
switch (event.which) {
case 1:
alert('Left Mouse button pressed.');
break;
case 2:
alert('Middle Mouse button pressed.');
break;
case 3:
alert('Right Mouse button pressed.');
break;
default:
alert('You have a strange Mouse!');
}
});
});
// $(document).ready(function() {
// (function( $ ) {
// $.fn.rightClick = function(method) {
// $(this).bind('contextmenu rightclick', function(e){
// e.preventDefault();
// method();
// return false;
// })
// };
// })( jQuery );
// $('.btn').rightClick(function(e){
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: