How to detect control+click in Javascript from an onclick div attribute? [duplicate]

by

In your handler, check the window.event object for the property ctrlKey as such:

function selectMe(){
    if (window.event.ctrlKey) {
        //ctrl was held down during the click
    }
}

UPDATE:
the above solution depends on a proprietary property on the window object, which perhaps should not be counted on to exist in all browsers. Luckily, we now have a working draft that takes care of our needs, and according to MDN, it is widely supported. Example:

HTML

<span onclick="handler(event)">Click me</span>

JS

function handler(ev) {
  console.log('CTRL pressed during click:', ev.ctrlKey);
}

The same applies for keyboard events

See also
KeyboardEvent.getModifierState()

More Related Contents:

  1. required field notification using jquery
  2. Write tags in HTML and print
  3. Allow Google Chrome to use XMLHttpRequest to load a URL from a local file
  4. How to use jQuery for XML parsing with namespaces
  5. AngularJS – Any way for $http.post to send request parameters instead of JSON?
  6. How to do a Jquery Callback after form submit?
  7. Create array of unique objects by property
  8. What is difference between width, innerWidth and outerWidth, height, innerHeight and outerHeight in jQuery
  9. How to pull the file name from a url using javascript/jquery?
  10. convert Hsl to rgb and hex
  11. How to auto-scroll to end of div when data is added? [duplicate]
  12. Bootstrap datepicker disabling past dates without current date
  13. jQuery scrolltop firefox not working
  14. Use variable outside the success function from an ajax/jquery call
  15. JavaScript reduce the size and quality of image with based64 encoded code
  16. jQuery + RGBA color animations
  17. How to trim() white spaces from a string?
  18. HTML5 responsive canvas: resizing the browser canvas draw disappear
  19. How to select an element loaded through the jQuery load() function?
  20. Can I create multiple canvas elements on same page using p5js
  21. Why does jQuery.ajax() add a parameter to the url?
  22. How to rate-limit ajax requests?
  23. how to use jQuery ajax calls with node.js
  24. Selecting elements without jQuery
  25. Function not calling within an onclick event
  26. focus on next tabindex of HTML element onEnter keypress by JQuery
  27. Automatically scroll down chat div
  28. How to return an array from an AJAX call?
  29. How to bind both Mousedown and Touchstart, but not respond to both? Android, JQuery
  30. Find and replace nth occurrence of [bracketed] expression in string

Leave a Comment