마우스클릭,엔터 두개에 이벤트 달기

    <input id='text_input'/>
    <button id='text_button'>dd</button>
    
    
    
    
    <script>
    var input = document.getElementById('text_input');
    var serch_btn = document.getElementById('text_button');

    var serchText; //검색한 내용이 담김

    input.focus()
    
    input.addEventListener("keydown", function(e){ 
        if(e.keyCode == 13){
            serch_btn.click();
        }
    })

    serch_btn.addEventListener("click",function(){
		
        클릭시 실행할 함수
	
    })
    </script>

 

1. input과 button 엘리먼트를 가져온다.
2. focus()메서드를 사용해서 input에 포커스가 가게 만든다.
3. input에 keydown이벤트를 설정한다.(엔터를 누르면 버튼을 클릭해버리는 기능)
4. click()메서드로 인해 엔터를 눌러도 마치 클릭을 한것처럼 동작하니까 클릭이벤트가 실행된다.