Cacher is the code snippet organizer for pro developers

(function(factory) {
    if (typeof define === "function" && define.cmd) {
        define({});
    }
    factory(jQuery);
}(function($) {
    $.fn.eyeViewPassword = function(options) {
        var opts = $.extend({}, $.fn.eyeViewPassword.defaults, options);
        this.parent().addClass(opts.parentClassName);
        var $parent = this.parent();
        $parent
            .css({
                position: 'relative'
            });
        $parent.append('<i class="icon-eye jp-password-eye"></i>');
        if (navigator.appName.indexOf("Internet Explorer") != -1 && navigator.appVersion.indexOf("MSIE 8") !== -1) {
            $parent.find('.jp-password-eye').hide();
        }
        $parent
            .on('focus', '[type=password]', function() {
                $parent.addClass('focus');
            })
            .on('blur', '[type=password]', function() {
                $parent.removeClass('focus');
            });
        $parent.on('click', '.jp-password-eye', function(e) {
            var $target = $(e.currentTarget);

            if ($target.hasClass(opts.eyeOpenClass)) {
                // 看不见密码
                $target.removeClass(opts.eyeOpenClass);
                $parent.find('input').attr('type', 'password');
            } else {
                // 能看见密码
                $target.addClass(opts.eyeOpenClass);
                $parent.find('input').attr('type', 'text');
            }

        });
    };
    $.fn.eyeViewPassword.defaults = {
        parentClassName: 'p-password-wrap',
        eyeOpenClass: 'icon-open'
    };

}));