cowboy / jquery-outside-events

Why trigger an event on something, when you can trigger it on everything else?

jQuery outside events

http://benalman.com/projects/jquery-outside-events-plugin/

Version: 1.1, Last updated: 3/16/2010

With jQuery outside events you can bind to an event that will be triggered only when a specific "originating" event occurs outside the element in question. For example, you can click outside, double-click outside, mouse-over outside, focus outside (and over ten more default "outside" events). Also, if an outside event hasn't been provided by default, you can easily define your own.

Please note that because a reference to the originating event's element is available as event.target you can change behavior based on which element was actually interacted with.

Visit the project page for more information and usage examples!

Documentation

http://benalman.com/code/projects/jquery-outside-events/docs/

Examples

These working examples, complete with fully commented code, illustrate a few ways in which this plugin can be used.

http://benalman.com/code/projects/jquery-outside-events/examples/clickoutside/
http://benalman.com/code/projects/jquery-outside-events/examples/dblclickoutside/
http://benalman.com/code/projects/jquery-outside-events/examples/mouseoveroutside/
http://benalman.com/code/projects/jquery-outside-events/examples/focusoutside/

Support and Testing

Information about what version or versions of jQuery this plugin has been tested with, what browsers it has been tested in, and where the unit tests reside (so you can test it yourself).

jQuery Versions

1.4.2

Browsers Tested

Internet Explorer 6-8, Firefox 2-3.6, Safari 3-4, Chrome, Opera 9.6-10.1.

Unit Tests

http://benalman.com/code/projects/jquery-outside-events/unit/

Release History

1.1 - (3/16/2010) Made "clickoutside" plugin more general, resulting in a whole new plugin with more than a dozen default "outside" events and a method that can be used to add new ones.
1.0 - (2/27/2010) Initial release

License

Copyright (c) 2010 "Cowboy" Ben Alman
Dual licensed under the MIT and GPL licenses.
http://benalman.com/about/license/

jquery-outside-events's Issues

outside click not working in iframe

in i frame click out side not working

[enhancement] Add missing bower.json.

Hey, maintainer(s) of cowboy/jquery-outside-events!

We at VersionEye are working hard to keep up the quality of the bower's registry.

We just finished our initial analysis of the quality of the Bower.io registry:

7530 - registered packages, 224 of them doesnt exists anymore;

We analysed 7306 existing packages and 1070 of them don't have bower.json on the master branch ( that's where a Bower client pulls a data ).

Sadly, your library cowboy/jquery-outside-events is one of them.

Can you spare 15 minutes to help us to make Bower better?

Just add a new file bower.json and change attributes.

{
  "name": "cowboy/jquery-outside-events",
  "version": "1.0.0",
  "main": "path/to/main.css",
  "description": "please add it",
  "license": "Eclipse",
  "ignore": [
    ".jshintrc",
    "**/*.txt"
  ],
  "dependencies": {
    "<dependency_name>": "<semantic_version>",
    "<dependency_name>": "<Local_folder>",
    "<dependency_name>": "<package>"
  },
  "devDependencies": {
    "<test-framework-name>": "<version>"
  }
}

Read more about bower.json on the official spefication and nodejs semver library has great examples of proper versioning.

NB! Please validate your bower.json with jsonlint before commiting your updates.

Thank you!

Timo,
twitter: @versioneye
email: [email protected]
VersionEye - no more legacy software!

Events don't fire when using jquery on and a selector

JQuery On method has an optional selector parameter:
.on( events [, selector ] [, data ], handler(eventObject) )

When using this parameter the outside event don't fire.
Example:
http://jsbin.com/ENIRaJu/3/

Clicking on a tab the click outside is not firing

I am having a jsp that contains a jquery tab and inside tab i am having a custom search component on clicking the component a grid will open and it will act as an overlay and i used this plugin to close the grid if the user clicks outside the grid is working perfectly in all other element click other than jquery tab selection component.Please check and give a solution.

Published to NPM

I've published this package to NPM under jquery-outside-events and tagged as 1.0. Leave this as a note to anyone looking to use the package.

Issue with Rails-jQuery-Turbolinks

Events firing more than once when utilizing Rails and jquery turbolinks.
https://github.com/kossnocorp/jquery.turbolinks#events-firing-twice-or-more

Is this project active ?

If this project not active then what is the best project out there ?

Click & drag outside in IE triggers the clickoutside event

I'm using jQuery sliders in a popup dialog, with the 'ciickoutside' event bound to the dialog. If I drag the slider handle out of the dialog's area (eg to the 'max' of a slider but slightly over the right-hand edge of the dialog) and release, IE interprets this as a click outside the dialog box area and closes the dialog accordingly.

Firefox & Chrome don't exhibit this behaviour. I'm not sure which should be correct - I'm leaning towards the FF & Chrome behaviour being correct?

false positive trigger

If click event.target, that located inside handled DOM node is deleted on click, than this if is true and event triggered falsely.