将菜单/子菜单项中的文本框悬停会关闭最新Chrome版本中的项目

时间:2016-12-16 18:44:54

标签: javascript jquery google-chrome kendo-ui kendo-asp.net-mvc

当光标进入子菜单项内的文本框时,相应的子菜单将关闭。只能在最新版Google Chrome(55.0.2883.75 m)中观察。

问题的再现:

http://dojo.telerik.com/OvURe

http://dojo.telerik.com/ipihu/3

我该如何解决这个问题?

Original Reference

2 个答案:

答案 0 :(得分:1)

     input{
        pointer-events:none;
      }
    </style>
    <script>
        $(document).ready(function() {
            $("#menu").kendoMenu();


          $(document).on("click",".k-link",function(){
                 $(this).find('input').focus();
         });
        });

答案 1 :(得分:0)

我可以使用以下代码解决这个问题:

function getChromeVersion() {     
        var raw = navigator.userAgent.match(/Chrom(e|ium)\/([0-9]+)\./);
        return raw ? parseInt(raw[2], 10) : false;
}
    function filterNormalInChrome() {
         $(".k-header-column-menu").on("click",function() {
              if (getChromeVersion() >= 55) {  //Chrome version
                 $("ul.k-widget.k-reset.k-header.k-menu.k-menu-vertical").each(function() {
                     $._data($(this).get(0), "events")["pointerout"][0] = 0;
                 });
              }
         });
    }
    $(window).load(function () {
        filterNormalInChrome();
    });