jQuery - how to add click and hover in same function

Question

How to mix hover and click in same function?Here I have a hover function,but I want to add click function beside hover function.

$(document).ready(function(){
    $('.img').hover(function (e) {
        e.preventDefault();

        $(". img").css({"opacity":"0.4","filter:":"alpha(opacity=40)"});
        $(this).css({"opacity":"100","filter:":"alpha(opacity=100)"});
        alert('test');
    });
});

JFK · Accepted Answer · 2015-03-14 22:01:30Z

2

You can bind several events using .on() like :

$(".img").on({
    click: function (event) {
        console.log(event)
    },
    mouseenter: function (event) {
        console.log(event)
    },
    mouseleave: function (event) {
        console.log(event)
    }
});

See JSFIDDLE

... or you can also chain different methods like :

$('.img').hover(function (event) {
    console.log(event)
}).on("click", function (event) {
    console.log(event)
});

See JSFIDDLE

edited Mar 14, 2015 at 22:01

answered Mar 14, 2015 at 21:51

JFK

41.2k31 gold badges138 silver badges314 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery - how to add click and hover in same function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related