2***@qq.com
2***@qq.com
  • 发布:2020-05-21 21:21
  • 更新:2020-05-21 21:21
  • 阅读:513

在使用侧滑菜单时,header中的搜索框无法点击其它地方自动失去焦点

分类:MUI

点击输入框之前这种状态

点击输入框之后是这种状态,并且无论你点击其它任何地方,输入框中的焦点都不会失去。

    <!-- 主界面不动、菜单移动 -->  
    <!-- 侧滑导航根容器 -->  
    <div class="mui-off-canvas-wrap mui-draggable mui-slide-in">  
        <!-- 菜单容器 -->  
        <aside class="mui-off-canvas-right" id="offCanvasSide">  
            <div class="mui-scroll-wrapper">  
                <div class="mui-scroll">  

                </div>  
            </div>  
        </aside>  
        <!-- 主页面容器 -->  
        <div class="mui-inner-wrap">  
            <!-- 主页面标题 -->  
            <header class="mui-bar mui-bar-nav">  
                <a class="mui-icon mui-action-menu mui-icon-bars mui-pull-right" href="#offCanvasSide"></a>  
                <div class="mui-input-row mui-search" style="margin:0;position: absolute; width: 85%;">  
                    <input type="search" class="mui-input-clear" placeholder="请输入厚度进行查询">  
                </div>  
            </header>  
            <div class="mui-content mui-scroll-wrapper">  
                <div class="mui-scroll">  
                    <!-- 主界面具体展示内容 -->  
                </div>  
            </div>  
            <div class="mui-off-canvas-backdrop"></div>  
        </div>  
    </div>  
2020-05-21 21:21 负责人:无 分享
已邀请:

要回复问题请先登录注册