본문 바로가기

자바스크립트

자바스크립트 onkeydown 이벤트 자바스크립트 onkeydown 이벤트 input 에 글을 입력할때 키보드가 눌렸을때 발생하는 이벤트 자바스크립트 onkeydown 이벤트 2017-04-03편집역링크토론자바스크립트 onkeydown 이벤트목차1 예시 1: onkeydown 애트리뷰트2 예시 2: element.onkeydown3 예시 3: window.onkeydown4 같이 보기5 같이 보기1 예시 1: onkeydown 애트리뷰트[편집]HTML 요소에 대한 onkeydown 이벤트해당 요소 선택하고 키를 누르면 배경색이 빨간색으로 바뀜 function mykeydown() { var obj = document.getElementById('input1'); obj.style.background='red'; } 더보기
자바스크립트 onkeyup 이벤트 자바스크립트 onkeyup 이벤트 input 에 글을 쓰고 나서 발생하는 이벤트 자바스크립트 onkeyup 이벤트 2015-07-15편집역링크토론자바스크립트 onkeyup 이벤트window.onkeyup목차1 소스코드2 예제3 같이 보기1 소스코드[편집] window.onkeyup = function() { key_form.key_code.value += event.keyCode+';'; key_form.key_str.value += String.fromCharCode(event.keyCode)+';'; } 2 예제[편집]http://zetawiki.com/ex/js/onkeyup.php3 같이 보기[편집]자바스크립트 키코드키 입력 받기 (자바스크립트)백스페이스 막기자바스크립트 onkeydown 더보기
자바스크립트 select 쓰기금지 자바스크립트 select 속성 쓰기금지 select box는 readOnly 속성으로 변경 못하도록 컨트롤이 안된다. disabled: 읽기 전용으로 쓸수 없음 document.폼이름.input 네임.disabled= true; // 읽기 전용document.폼이름.input 네임.disabled= false; // 사용가능 document.form1.Ipname.disabled= true; // 읽기 전용document.form1.Ipname.disabled= false; // 사용가능 더보기
자바스크립트 input 속성 readonly 컨트롤 자바스크립트 input 속성 readonly 컨트롤readonly : 읽기 전용으로 쓸수 없음 document.폼이름.input 네임.readOnly = true; // 읽기 전용document.폼이름.input 네임.readOnly = false; // 사용가능 document.form1.Ipname.readOnly = true; // 읽기 전용document.form1.Ipname.readOnly = false; // 사용가능 *주의사항! : readOnly 의 O를 대문자로 해주어야 한다.! 더보기
iframe 오픈시 cache 처리 방안 iframe 오픈시 cache 처리 방안프로젝트를 진행하다 이상한 현상이 발생했다. U-PLUS 결재 창을 열었다가 다시 받고 결재 없음으로 처리 하려 하는데 화면이 넘어가지 않는 현상 헉 이거 뭐지..이곳 저곳 찾아 보다 iframe에서 cache가 남아 있어 iframe 안에서 redirect 가 먹으니 부모창에서는 아무 변화가 없는거 처럼 보이는 현상이란다. 음 그럼 iframe 열때 cache가 없도록 처리 하면 되겠지.첫번째 jsp 파일에서 header를 설정 헉 실패다 동일한 상태 두번째 방법은 html 태그안에 no-cache관련 소스를 삽입 하는 방법 세번째 iframe을 처음부터 사용 하지 안고 DIV로 설정해 놓고 액션이 발생한때 div안에 iframe을 넣는 방법 헉 이것도 실패 아예.. 더보기
자바스크립트 문자 위치 찾기 자바스크립트 문자 위치 찾기 자바스크립트에서 자신의 원하는 문자의 위치를 찾는 함수는 2가지 있다.1. indexOf(string) : 지정된 문자의 위치를 왼쪽부터 찾아서 숫자를 리턴해준다.2. lastIndexOf(string) : 지정된 문자의 위치를 오른쪽부터 찾아서 숫자를 리턴해 준다. ex) 결과)indexOf("a") returns 2lastIndexOf("a") returns 9 즐거운 프로그램 하세요 ^^ 더보기
자바스크립트 parseInt() 함수 자바스크립트 parseInt() 함수(문자를 정수형으로 변환) 자바스크립트를 하다 보면 자료 형을 특별이 자료형을 입력 하시 않고 변수를 선언 한다.ex) var a = 100; var b="200";하면 a는 숫자형으로 인식하고 b는 문자 형으로 인식을 한다. 그렇다 면 문자형을 비교 하려면 어떻게 할까 그때 사용 되는 함수가 parseInt() 함수 이다. parseInt 함수는 문자열을 정수형 10진수 형태로 변환 해준다. ex)var a= "100";var b= "200";if(parseInt(a) 결과 1020 이런식으로 나오는 경우 사용 하면 된다.var c = parseInt(a) + parseInt(b); => 결과 30 즐거운 프로그램 하세요 ^^ 더보기
[자바스크립트] 문자열 함수 [자바스크립트] 문자열 함수Studying/JavaScript문자열□ " "또는 ' ' 사이에 들어가는 특수 문자 및 모든 문자□ 개행한다던가 문자열 안에 ", ' 기호를 넣고 싶을 때 사용 문자열에 삽입되는 특수 문자들\r리턴(Return)\n다음 줄로 이동(newline)\\역슬래시(\)\t탭 문자 삽입(tab)\'작은 따옴표(')\b백스페이스(backspace)\"큰 따옴표(") 문자스트링 타입(Character string types)자바 스크립트 내장객체 -문자열을 다루는 메소드 메소드와 사용법하는 일charAt(index)지정된 위치에서 문자 찾기indexOf(string)지정된 문자의 위치를 왼쪽부터 찾기lastIndexOf(string)지정된 문자의 위치를 오른쪽부터 찾기substring(.. 더보기