JavaScript to detect which mouse button is clicked HD

Link for all dot net and sql server video tutorial playlists http://www.youtube.com/user/kudvenkat/playlists Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/01/javascript-to-detect-which-mouse-button.html JavaScript to detect which mouse button is clicked In this video, we will discuss how to use JavaScript and detect which mouse button is clicked. Depending on the browser, event.button or event.which properties of the event object are used to determine which mouse button is clicked. IE 8 & earlier versions use event.button property Left Button 1 Middle Button 4 Right Button 2 IE 9 & later versions and most other W3C compliant browsers use event.which property Left Button 1 Middle Button 2 Right Button 3 Depending on the browser used, the following code returns left, middle and right click codes. [input type="button" value="Click Me" onmouseup="getMouseClickCode(event)" /] [input type="button" value="Clear" onclick="clearText()" /] [br /] [br /] [textarea id="txtArea" rows="3" cols="10"][/textarea] [script type="text/javascript"] function clearText() { document.getElementById("txtArea").value = ""; } function getMouseClickCode(event) { if (event.which) { document.getElementById("txtArea").value += "event.which = " + event.which + " "; } else { document.getElementById("txtArea").value += "event.button = " + event.button + " "; } } document.oncontextmenu = disableRightClick; function disableRightClick(event) { event = event || window.event; if (event.preventDefault) { event.preventDefault(); } else { event.returnValue = false } } [/script] Test the above script is tested with Google chrome or IE 9 (or later version). Notice that these browsers support event.which property. Test the above script is tested with IE 8 (or earlier version). Notice that IE & earlier versions support event.button property. The following JavaScript code detects which mouse button is clicked. It works in all versions of IE and most other W3C complaint browsers. [script type="text/javascript"] function whichMouseButtonClicked(event) { var whichButton; if (event.which) { switch (event.which) { case 1: whichButton = "Left Button Clicked"; break; case 2: whichButton = "Middle Button Clicked"; break; case 3: whichButton = "Right Button Clicked"; break; default: whichButton = "Invalid Button Clicked"; break; } } else { switch (event.button) {