textarea에 .val()값을 설정할 경우,

.val()값이 초기화 되는 버그가 발생한다.



.val()를 설정하기전에 .blur() 발생 후,

값을 주면 정상 작동한다.




<!DOCTYPE html>

<html lang="ko">

    <head>

        <title>TEST</title>

        <meta charset="utf-8">

    </head>


    <body>

        <textarea></textarea>


        <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>

        <script>

            $( document ).ready( function(){

                

                ( function init()

                {

                    create();

                })();


                function create()

                {

                    $( "textarea" ).on( "keyup", keyUpListener );


                    function keyUpListener( $e )

                    {

                        var val = $( this ).val();


                        $( this ).blur();

                        $( this ).val( val );

                        $( this ).focus();

                    }

                }

            });

        </script>

    </body>

</html>

'frontend > Java Script' 카테고리의 다른 글

1. 함수형 프로그래밍 - Filter  (0) 2019.03.14
javascript prototype - 상속  (0) 2018.03.29
Video Tag Event  (0) 2017.10.30
모바일 위 아래 드래그 막기  (0) 2017.10.30
Module Pattern + Ajax  (0) 2017.10.30

+ Recent posts