textareas中占位符的多行

Question

我有一个多行占位符，我已经编写了一个JS函数。但是占位符显示为空。在我的内心＆＃34;模糊＆＃34;功能我可以看到consol.log正确打印了行＆＃34;数据占位符在模糊＆＃34;内。这里有什么不对？

function textareaPlaceholderNewlines() {
    debugger;
    console.log("inside function");
    $('textarea[placeholder*="\n"]').each(function(){

        // Store placeholder elsewhere and blank it
        $(this).attr('data-placeholder', $(this).attr('placeholder'));
        console.log("1");
        console.log("dataplaceholder " + $(this).attr('data-placeholder') )
        $(this).attr('dataplaceholder', '');
        console.log("2");

        // On focus, if value = placeholder, blank it
        $(this).focus(function(e){      
            if( $(this).val() == $(this).attr('data-placeholder') ) {
                $(this).attr('value', '');
                $(this).removeClass('placeholder');
                console.log("3");
            }               
        });                     

        // On blur, if value = blank, insert placeholder
        $(this).blur(function(e){
            if( $(this).val() == '' ) {
                $(this).attr('value', $(this).attr('data-placeholder'));
                console.log("value now is" + 'value' );
                console.log("data placeholder inside blur" + $(this).attr('data-placeholder'));
                $(this).addClass('placeholder');
                console.log("4");
            }
        });             

        // Call blur method to preset element - this will insert the placeholder
        // if the value hasn't been prepopulated
        $(this).blur();
    });

}