移动按键时,无法从列表中取消聚焦鼠标

时间:2015-02-17 23:17:18

标签: javascript jquery twitter-bootstrap

我无法在列表中禁用焦点元素,其中mouseenter,我不会关注鼠标或按键向下或向上。

当我们按下按钮时,我尝试了功能unbid(" mouseenter"),但遗憾的是不能正常工作。

我尝试在小提琴上运行此代码,但这不起作用。

我已经暂停了html

<input id="text" type="text" />
   <div class="dropdown dropdown-tip">
     <div class="dropdown-toggle" data-toggle="dropdown"></div>
       <ul class="dropdown-menu" role="menu" aria-labelledby="menu1"></ul>
  </div>

jQuery代码

         var data = ['asdf',
        "asdw", "wequiye", "sagdsaj", "weoqiu"];

        $("#text").on("input", function(e){
            var a = "";
               $.each(data, function(index, value){
                 a +="<li class='sd'><a href='#'>" + value + "</a></li>";
               });
            $('.dropdown-menu').empty().append(a);
            $(".dropdown-toggle").dropdown("toggle");
        });

            $("#text").on("click", function(e) {
                e.stopPropagation();
            });

        $('.dropdown-menu').on("keydown mouseenter", "li", function(e){
            var code = e.keyCode || e.which;
            if(code == 40) {
                $(this).find("a").focus();
            }else if (code == 38) {
                $(this).find("a").focus();
            }
           else if(e.type == "mouseenter") {
                $(this).find("a").focus();
            }

        });

        $("#text").keydown(function( e ){
            var code = e.keyCode || e.which;
            if(code == 40) {
                $('.dropdown-menu').find("li:first-child > a").focus();
            }
        }); 

小提琴:http://jsfiddle.net/BVmUL/1354/

0 个答案:

没有答案