Question

These are for two separate codecademy exercises. They both pass me but I’m not getting the result I’m supposed to.

3.2 – Mouse Events – Question

Write a hover handler and attach it to all divs. In the first function add the class “hover” to the current object we are hovering over, and in the second remove the class “hover”. We have already learned how to do this by passing the event object, but this time let’s try another way by using $(this).addClass(). Though, you can try events if you would like!

When you are done the green boxes should pop out and turn blue as the user hovers over them.

3.2 – Mouse Events – Answer

$(document).ready(function(){
    $('div').hover(function() {
        (this).addClass('hover');
    },
    function() {
        (this).removeClass('hover');
    });
});

---

3.3 Keyboard Events – Question

keypress is formatted exactly like the click handler.

Write a keypress handler that appends a div with class “box” to the div with id = “boxDiv”. Attach the keypress handler to the body of the document.

3.3 Keyboard Events – Answer

$(document).ready(function(){
    $("body").keypress(function(event){
        $('#boxDiv').append($("<div/>").addClass('box'));
    });
 });

---

If you’d like further clarification here’s a direct link to the course.
http://www.codecademy.com/courses/jquery-events/2#!/exercises/1

Thanks in advance!

Regards,

Matt

Answer 1

Regarding mouse events, there’s a minor syntax error:

(this).addClass('hover'); and (this).removeClass('hover');

are missing leading dollar signs. They should be:

$(this).addClass('hover'); and $(this).removeClass('hover');

As far as the keyboard test, it should work. When you run it, try clicking in the result area before pressing a key.