Determining if mouse click happened in left or right half of DIV

by 
$("div").click(function(e){
   var pWidth = $(this).innerWidth(); //use .outerWidth() if you want borders
   var pOffset = $(this).offset(); 
   var x = e.pageX - pOffset.left;
    if(pWidth/2 > x)
        $(this).text('left');
    else
        $(this).text('right');
});

DEMO:
http://jsfiddle.net/dirtyd77/QRKn7/1/

Hope this helps! Let me know if you have any questions!

More Related Contents:

  1. javascript change element from another page
  2. How do I access the link to the content? [closed]
  3. This doesn’t seem right? Javascript isn’t working
  4. Detect all changes to a (immediately) using JQuery
  5. How to delete a localStorage item when the browser window/tab is closed?
  6. Resize event for textarea?
  7. Get list of data-* attributes using javascript / jQuery
  8. Why should y.innerHTML = x.innerHTML; be avoided?
  9. Jquery Mobile – $.mobile.changepage not loading external .JS files
  10. Create table with jQuery – append
  11. jQuery: how to change tag name?
  12. Disable dragging an image from an HTML page
  13. When using jQuery on(), why use (document) vs. the element itself?
  14. Use a new CSS file to override current website’s
  15. Count textarea characters
  16. How can I change the font (family) for the labels in Chart.JS?
  17. Preview images before upload
  18. jQuery equivalent of getting the context of a Canvas
  19. Unusual shape of a textarea?
  20. How to display Image dynamically on UI?
  21. hide open/active accordion when another accordion is clicked
  22. Force page scroll position to top at page refresh in HTML
  23. JQuery html() vs. innerHTML
  24. How do I edit PHP variable with JavaScript/jQuery?
  25. How to make superfish dropdown menu responsive?
  26. Set Caret Position in ‘contenteditable’ div that has children
  27. Jquery/Javascript Opacity animation with scroll
  28. Can I save input from form to .txt in HTML, using JAVASCRIPT/jQuery, and then use it?
  29. Validate Dynamically Added Input fields
  30. Does jQuery strip some html elements from a string when using .html()?

Leave a Comment