在按键上更改div的类

时间:2014-04-19 17:09:55

标签: jquery html

当我按下向下箭头键时,我正在尝试更改div的类,但是当我将手指放在按钮上时该类适用,并且当我不再按下它时被删除。 我想留下来,我做错了什么? 这是代码:

Jquery的:

$(document).on('keydown',function(e){
        var div = $('.searchResults').find('.results').first();
        if(!$('.searchResults').is(":hidden"))
        {
            if(e.keyCode == 40)
            {
                div.addClass('selected');
            }
        }
    });

HTML:

<div class="searchResults">
                        <a href="<? echo APP_PATH; ?>user/<? echo $user['id']; ?>"><div class="results">
                            <div style="float:left;">
                                <img  src="<? echo APP_PATH.$imgAdr['img_adr']."/thumbnail/".$imgAdr['img_name']; ?>">
                            </div>
                            <div style="float:left;font-family:Verdana;font-size:11px;color:black;margin-left:5px;">
                                <span class="title"><? echo $user['username']; ?></span><br/>
                                <span class="titleInfo">30 photos</span>
                            </div>
                        </div></a>
                    </div>

1 个答案:

答案 0 :(得分:1)

您应该使用keyup()而非keydown()来执行此操作。

$(document).on('keyup', function(e){ ...