码迷,mamicode.com
首页 > 其他好文 > 详细

vue全局添加input/textarea输入信息后跳转页面顶部方法

时间:2021-06-15 18:24:49      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:scrolltop   font   ext   UNC   str   body   get   输入   blur   

app.vue

    watch: {
        $route: {
            handler: function (val, oldVal) {
                this.$nextTick(function () {
                    //页面加载完成后执行
                    var inputs = document.getElementsByTagName("input");
                    for (var i = 0; i < inputs.length; i++) {
                        inputs[i].onblur = function () {
                            document.documentElement.scrollTop = 0;
                            document.body.scrollTop = 0;
                        };
                    }
                    var textarea = document.getElementsByTagName("textarea");
                    for (var i = 0; i < textarea.length; i++) {
                        textarea[i].onblur = function () {
                            document.documentElement.scrollTop = 0;
                            document.body.scrollTop = 0;
                        };
                    }
                });
            },
            // 深度观察监听
            deep: true,
        },
    },

 

vue全局添加input/textarea输入信息后跳转页面顶部方法

标签:scrolltop   font   ext   UNC   str   body   get   输入   blur   

原文地址:https://www.cnblogs.com/sharon520/p/14884776.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!