technomark.in
Hot News

$(this) Selector And Children / Find In jQuery

Detect An Undefined Object Property In JavaScript

Rotate And Save Video Using VLC Media Player

Capitalize The First Letter Of String In JavaScript

Convert Any Files To Any Format Using VLC Media Player

Asp.Net AngularJS WCF IIS
DataBase Jquery Bikes Random
HomeContact Us Watch Our YouTube Channel ..........Blog Spot..........

Technomark.in

How To Logout From All Devices In Skype

Technomark.in

How To Embed Google Map In Your Code

Technomark.in

How To Install IIS (Internet Information Services) On Windows

Technomark.in

Enable Directory Browsing In IIS

View All


How To Detect A Click Outside An Element In Jquery


Detect A Click Outside An Element In Jquery

> Here we consider how to detect a click outside of an element.
> In Jquery, we can detect a click on an element using Click Event Listener.
> For example, consider we have a div with id OuterDiv.
> We can detect a click on this div as follows.

$('#OuterDiv').click(function() {
         $('#OuterDiv').css('color', 'black');
});



> Now for detecting a click outside this div, follow these code.
> Check whether any click inside HTML is from OuterDiv or not?.

$('html').click(function (e) {
        if (e.target.id == 'OuterDiv') {
                $('#OuterDiv').css('color', 'white');
        }
        else
        {
                $('#OuterDiv').css('color', 'red');
        }
});



> If the click event is generated from outside the OuterDiv, write inside else part.
> If the click event is generated from inside the OuterDiv, write inside if part.
> This code will help you to detect a click outside of an element using Jquery.

Watch Video of this Content on Video Steaming

Post Your Comment

Name *


Email *


Comment * Please provide all three fields for posting Comment




Technomark.in

Book Train Tickets on IRCTC Quickly During Tatkal Period

Technomark.in

Before You Copy Any Image From Internet

View All

Privacy StatementDisclaimerSitemap