jQuery mouseenter() Method

jQuery mousedown() Method

Last Updated : 07 Jul, 2023

The jQuery mousedown() method is an inbuilt method that works when the left mouse button is pressed down over the selected element.

Syntax:

$(selector).mousedown(function)

Parameters: This function accepts a single parameter function which is optional. It is used to specify the function to run when the mousedown event is called.

Example 1: This example illustrates the mousedown() method in jQuery.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>The mousedown Method</title>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>

    <!-- jQuery code to show the working of this method -->
    <script>
        $(document).ready(function () {
            $("div").mousedown(function () {
                alert("Mouse left key was pressed");
            });
        });
    </script>
    <style>
        div {
            width: 200px;
            height: 40px;
            font-weight: bold;
            border: 2px solid green;
            padding: 20px;
        }
    </style>
</head>

<body>
    <!-- click on this button and pop up will appear-->
    <div>
        Welcome to GeeksforGeeks!
    </div>
</body>

</html>

Output:

Example 2: In this example, we will change the background color by using the mousedown() method.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>The mousedown Method</title>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>

    <!-- jQuery code to show the working of this method -->
    <script>
        $(document).ready(function () {
            $("div").mousedown(function () {
                $("div").css(
                    "background-color", "green");
            });
        });
    </script>
    <style>
        div {
            width: 200px;
            height: 40px;
            font-weight: bold;
            border: 2px solid black;
            padding: 20px;
        }
    </style>
</head>

<body>
    <!-- click on this button to change the background color-->
    <div>
        Welcome to GeeksforGeeks!
    </div>
</body>

</html>

Output:

Related Articles:

jQuery mouseenter() Method

K

kundankumarjha

Improve

Article Tags :

Similar Reads

jQuery bind() Method

The jQuery bind() method is used to attach one or more event handlers for selected elements. This method specifies a function to run when an event occurs.Â Syntax$(selector).bind(event, data, function);ParametersIt accepts three parameters that are described below: event: This is an event type that

jQuery blur() Method

jQuery blur() is an inbuilt method that is used to remove focus from the selected element. This method starts the blur event or it can be attached a function to run when a blur event occurs.Â Syntax:$(selector).blur(function)Parameters: It accepts an optional parameter "function".Â jQuery examples t

jQuery change() Method

The jQuery change() method is used to detect changes in the value of form elements like <input>, <select>, or <textarea>. It triggers a specified function when a user modifies the input or selects a different option.Syntax$(selector).change(function)Parameters : It accepts an optio

jQuery click() Method

jQuery click() is an inbuilt method that starts the click event or attaches a function to run when a click event occurs.Â Syntax:$(selector).click(function);Parameters: It accepts an optional parameter "function" which is used to run when a click event occurs.Â jQuery examples to show the working of

jQuery dblclick() Method

jQuery dblclick() is an inbuilt method that is used to trigger the double-click event to occur. This method occurs when the selected element will be double-clicked.Â Syntax:$(selector).dblclick(args);Here "selector" is the selected element.Â Parameters: It accepts an optional parameter "args" which

jQuery event.isDefaultPrevented() Method

jQuery isDefaultPrevented() Method is an inbuilt method that checks whether the preventDefault() method was called for the event. This method returns a boolean value. It returns True if preventDefault() is called on the event, False otherwise.Â Syntax:event.isDefaultPrevented()Parameters: It accepts

jQuery event.isImmediatePropagationStopped() Method

jQuery isImmediatePropagationStopped() Method is used to check whether this method was called for the event or not. If it was called then it will be "true" or else "false".Â Syntax:$(selector).isImmediatePropagationStopped()Parameters: This method accepts only one parameter as a selector which is us

jQuery event.isPropagationStopped() Method

jQuery event.isPropagationStopped() Method is used to check whether the object event.stopPropagation() is called or not. If event.stopPropagation() is called then it returns true otherwise returns false.Â Syntax:event.isPropagationStopped()Parameters: It contains a single parameter event which is ma

jQuery event.preventDefault() Method

The jQuery preventDefault() Method is used to stop the default action of the selected element to occur. It is also used to check whether preventDefault() method is called for the selected element or not. Syntax: event.preventDefault()Parameter: It does not accept any parameter. Example 1: This examp

jQuery event.stopImmediatePropagation() Method

The jQuery event.stopImmediatePropagation() is an inbuilt method in jQuery used to stop the rest of the event handlers from being executed for the selected element. Syntax: event.stopImmediatePropagation() Parameter: No parameter is required. Example 1: Here, only first pop box will appear after thi