Angular JS的Placeholder功能在IE8/9浏览器中不可用

最新推荐文章于 2025-08-14 17:31:00 发布

转载最新推荐文章于 2025-08-14 17:31:00 发布 · 110 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/chrischeng/p/3546440.html

文章标签：

#javascript #ViewUI

本文介绍了一个使用Angular自定义指令实现输入框占位符功能的例子。该指令为不支持placeholder属性的老版浏览器提供兼容方案，通过聚焦和失焦事件切换显示与隐藏占位符文本。

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

附上如下代码可正常工作：

    .directive('placeholder', function($timeout){
        var i = document.createElement('input');
        if ('placeholder' in i) {
            return {}
        }
        return {
            link: function(scope, elm, attrs){
                if (attrs.type === 'password') {
                    return;
                }
                $timeout(function(){
                    elm.val(attrs.placeholder);
                    elm.bind('focus', function(){
                        if (elm.val() == attrs.placeholder) {
                            elm.val('');
                        }
                    }).bind('blur', function(){
                        if (elm.val() == '') {
                            elm.val(attrs.placeholder);
                        }
                    });
                });
            }
        }
    });

转载于:https://www.cnblogs.com/chrischeng/p/3546440.html