Javascript(jQuery) - Codecademy课程

时间:2012-06-19 22:55:04

标签: javascript jquery mouseevent keyboard-events

这些是针对两个单独的代码运动练习。他们都通过我,但我没有得到我应该得到的结果。

3.2 - 鼠标事件 - 问题

编写悬停处理程序并将其附加到所有div。在第一个函数中,将“hover”类添加到我们正在悬停的当前对象,然后在第二个函数中删除“hover”类。我们已经通过传递事件对象学会了如何做到这一点,但这次让我们尝试使用$(this).addClass()的另一种方式。但是,如果您愿意,可以尝试活动!

完成后,当用户将鼠标悬停在绿色框上时,绿色框应弹出并变为蓝色。

3.2 - 鼠标事件 - 回答

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

3.3键盘事件 - 问题

keypress的格式与点击处理程序完全相同。

编写一个按键处理程序,将带有类“box”的div附加到id =“boxDiv”的div。将按键处理程序附加到文档正文。

3.3键盘事件 - 回答

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

如果您想进一步澄清,请直接链接到该课程。 http://www.codecademy.com/courses/jquery-events/2#!/exercises/1

提前致谢!

此致

马特

1 个答案:

答案 0 :(得分:1)

关于鼠标事件,有一个小的语法错误:

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

缺少领先的美元符号。他们应该是:

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

就键盘测试而言,应该可行。运行时,请在按键之前单击结果区域。