util-13.微信公众号相关(wechatUtil)

最新推荐文章于 2024-09-13 05:14:15 发布

小僵尸喵喵喵

最新推荐文章于 2024-09-13 05:14:15 发布

阅读量501

点赞数

CC 4.0 BY-SA版权

分类专栏：工具函数整理文章标签：微信公众号

本文链接：https://blog.youkuaiyun.com/u014381542/article/details/89189477

工具函数整理专栏收录该内容

18 篇文章

订阅专栏

本文解决了一个在WeChat公众号中使用fixed定位的弹出面板输入框导致的iOS设备上事件错乱的问题，并提供了兼容iOS的页面标题设置方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


/**
 * ========================13.wechat公众号相关 s========================
 */

/**
 * 含有输入框的弹出面板fixed定位引发的ios事件错乱问题
 */
document.addEventListener('focusout', function(e) {window.scrollTo()});

var wechatUtil = {
    /**
     * 设置页面标题兼容ios
     * @param title //标题字符串
     */
    "setDocumentTitle" : function(title){
        var $body = $('body');
        document.title = title;
        var $iframe = $("<iframe style='display:none;' src='../resources/images/favicon.ico'></iframe>");
        $iframe.on('load',function() {
            setTimeout(function() {
                $iframe.off('load').remove();
            }, 0);
        }).appendTo($body);
    },
    "setDocumentTitleJS" : function(title){
        document.title = title;
        var iframe = document.createElement("iframe");
        iframe.id = "iframe";
        iframe.src = "../images/favicon.ico";
        iframe.style.cssText = "display:none";
        iframe.addEventListener("load",function(){
            document.body.appendChild(iframe);
            setTimeout(function() {
                iframe.removeEventListener('load');
                iframe.parentNode().removeChild(document.getElementById("iframe"));
            }, 0);
        })
    }
};

/**
 * ========================13.wechat公众号相关 e========================
 */