StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POjQuery: preventDefault() not working on input/click events?
primarykey
Id
2739627
data
AcceptedAnswerId
2828680
AnswerCount
3
ClosedDate
CommentCount
3
CommunityOwnedDate
CreationDate
2010-04-29T18:01:00.667
FavoriteCount
1
LastActivityDate
2011-06-09T01:09:06.363
LastEditDate
2010-04-29T18:26:04.170
LastEditorUserId
300321
OwnerUserId
300321
ParentId
0
PostTypeId
1
Score
8
ViewCount
16541
LastEditorDisplayName
text
Body
<p>I want to disable the default contextMenu when a user right-clicks on an input field so that I can show a custom contextMenu. Generally speaking, its pretty easy to disable the right-click menu by doing something like:</p> <pre><code>$([whatever]).bind("click", function(e) { e.preventDefault(); }); </code></pre> <p>And in fact, I can do this on just about every element EXCEPT for input fields in FF - anyone know why or could point me towards some documentation?</p> <p>Here is the relevant code I am working with, thanks guys.</p> <p>HTML:</p> <pre><code><script type="text/javascript"> var r = new RightClickTool(); </script> <div id="main"> <input type="text" class="listen rightClick" value="0" /> </div> </code></pre> <p>JS:</p> <pre><code>function RightClickTool(){ var _this = this; var _items = ".rightClick"; $(document).ready(function() { _this.init(); }); this.init = function() { _this.setListeners(); } this.setListeners = function() { $(_items).click(function(e) { var webKit = !$.browser.msie && e.button == 0; var ie = $.browser.msie && e.button == 1; if(webKit||ie) { // Left mouse...do something() } else if(e.button == 2) { e.preventDefault(); // Right mouse...do something else(); } }); } } // Ends Class </code></pre> <p><strong>EDIT:</strong></p> <p>Sorry, after reading the comments I realize that I should clarify a few things. </p> <p>1) The code above does work...in a sense. The code is able to sort through which button was clicked, it just doesn't care that I say e.preventDefault() and the right-click menu still pops up. In other words, if you put an alert on e.button you would get your 1 or 0 for left and 2 for right...but it just laughs at me and still shows the damned default menu!</p> <p>2) If I put the jQuery selector on ANY other element (other than input) then everything will work, FF will respect the preventDefault() call and the default right-click menu will not show.</p>
Tags
<jquery><events><right-click><input-field>
Title
jQuery: preventDefault() not working on input/click events?
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USJason
UserOwnerUserId
1. USJason
plurals
PostLinksPostIdRelatedPostId
1. PL
  singulars
  LinkTypeLinkTypeId
  LTLinked
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
3. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POjQuery: preventDefault() not working on input/click events?
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
2. VO
  singulars
  PostPostId
  POjQuery: preventDefault() not working on input/click events?
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
3. VO
  singulars
  PostPostId
  POjQuery: preventDefault() not working on input/click events?
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.