반응형

 

자바스크립트로 현재의 연, 월, 일을 출력하는 date() 사용법

딱히 html DOM 요소를 사용하진 않고 그냥 자바스크립트 내 콘솔로 찍어보았다

 

현재 서버에 파일 업로드 시, 새로고침되는 부분에 지연이 발생하여

혼란와서 오늘 날짜 출력해서 업로드 실시간으로 됐는지 인식할 용도로 씀

 

html 페이지가 로드되면 바로 수행되게 함

 

window.onload = function() { 

	var today = new Date();
	var dd = String(today.getDate()).padStart(2, '0');
	var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
	var yyyy = today.getFullYear();

	today = yyyy+ '.' + mm + '.' + dd ;
	
	console.log("오늘은 "+today+" 입니다");
    
    }

 

 

 

출력 예시

"오늘은 2021.01.27 입니다"

 

 

출처 : stackoverflow.com/questions/1531093/how-do-i-get-the-current-date-in-javascript

 

How do I get the current date in JavaScript?

How do I get the current date in JavaScript?

stackoverflow.com

 

반응형
반응형

나중에 블로그에서 검색해보려고 여태 사용한 방식들 정리중으로

설명이 단조로우니 미리 주의바람

 

 

제이쿼리 사용함

js로도 사용이 가능하지만 DOM 접근하여 사용한 jquery 방식이 한결 간결하길래 이 방식으로 사용했다

 

심플하게 키보드 입력받는것만 올려본다

 

 

$(document).ready(function(){
       $("#test").keypress(function (e) {
        if (e.which == 13){
                   send();  // 실행할 이벤트 호출
        }
    });
});
<input type="text" name="" id="test" class="inp_st3" placeholder="메시지를 입력해주세요" />

#test -> id가 test인 input에 접근하여 keypress 시 특정 함수 호출되게끔 함

키보드 enter 클릭 시 전송 버튼을 클릭하지 않아도 입력한 내용이 자동으로 전달되게끔

 

 

아래 스택오버플로우에서는 keydown, keypress의 차이에 대해 자세한 설명이 있으니

시간날때 정독

 

stackoverflow.com/questions/1367700/whats-the-difference-between-keydown-and-keypress-in-net

 

What's the difference between KeyDown and KeyPress in .NET?

What is the difference between the KeyDown and KeyPress events in .net?

stackoverflow.com

www.javascripttutorial.net/javascript-dom/javascript-keyboard-events/

 

JavaScript Keyboard Events Explained

In this tutorial, you will learn how to work with JavaScript keyboard events including the keydown, keypress, and keyup events.

www.javascripttutorial.net

마찬가지로 자바스크립트에서 사용하는 키보드 이벤트 관련 내용 설명

반응형
반응형

구현 시 특정 버튼을 클릭할 때 동시에 다른 버튼이 함께 눌리는 효과를 찾아보다 사용한 방법

 

 

스택오버플로우 참고

stackoverflow.com/questions/5811122/how-to-trigger-a-click-on-a-link-using-jquery

 

stackoverflow.com/questions/2381572/how-can-i-trigger-a-javascript-event-click

 

How can I trigger a JavaScript event click

I have a hyperlink in my page. I am trying to automate a number of clicks on the hyperlink for testing purposes. Is there any way you can simulate 50 clicks on the hyperlink using JavaScript? <...

stackoverflow.com

자바스크립트 DOM 접근하여 사용

var link = document.getElementById('my-link');
for(var i = 0; i < 50; i++)
   link.click();

 

 

 

stackoverflow에서 찾은 방법을 살짝 변경하여 내가 사용한 방법

function OpenClick()
{
  console.log('오픈 클릭');
  $("#digit_search").trigger('click');

  var filename = document.getElementById("digit_search").value;
  console.log(filename + '클릭한 파일명');
 	
}

 

예전에 웹을 처음 맞닥뜨렸을때 제이쿼리 문법이 너무 괴상해서 쳐다도 안봤는데

확실히 간결해서 익숙해지고 나서는 제이쿼리를 좀더 사용한다

클릭을 유도하는 방법이라 버튼에 대한 click trigger를 유발시켜서 사용

 

 

반응형

+ Recent posts