본문 바로가기

자바스크립트4

IE 9에서 input태그 file 에러 이슈, input태그 accecpt, multiple 지원 버전 개발 후 테스트를 진행하던 중 다양한 브라우저에서 테스트를 하다가 발견하게 되었다. 일단 소스를 보면 알겠지만, input태그의 file이 좀 올드(?) 해서 스타일을 먹이기 위해 파일 첨부 여부에 따라 버튼에 스타일을 준 상태이다. 물론 스크립트로 작성되어있다! 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 첨부파일1 *pdf, jpg, jpeg, png, gif, txt 및 오피스파일 형식의 10MB이하를 첨부하실 수 있습니다. Colored by Color Scripter 다른 브라우저에서는 정상적으로 돌아갔지만..! IE 9에서는 콘솔창에 에러가 발생하였다 정의되지 않은 또는 null 참조의 속성 0을 가져올 수 없습니다. 개발자 도구를 통한 웹 디버깅을 했을 때 스크립트의.. 2020. 3. 10.
IE와 Edge에서 onclick 이벤트 시 더블클릭 이슈 + 엣지의 html() 개발 완료 후 각기 다른 브라우저에서 테스트를 진행하고 있었다.. 크롬, 파폭에서는 정상적으로 작동하던 스크립트가 유독 IE랑 Edge에서만!! 말썽이었다ㅠㅠ 해당 기능은 selectBox(셀렉트박스)에 체크 여부에 따라 html태그를 append 시키는 기능으로체크를 하면 추가가 되고 체크를 해제하면 추가된 항목도 삭제가 되는 식이었다 (예를 들어, onclick에 checked 여부를 보고 append를 걸어놓으면 ie/edge에선 체크가 해제되는게 아니라 두번 들어가게 된다. 물론 조금 빠르게 누르는 경우..) 하지만 이때..selectBox 더블클릭하면 중복으로 들어가는 현상이 발생한다!! 따라서 구글링 한 결과 onclick대신 onchange를 쓰면 해결된다고 하여 수정했더니 해결...그런 의.. 2020. 2. 27.
[생활코딩] this, call, 프로토타입, 상속 등 개 // this /*var kim = {name : 'kim',first : 10,second : 20,sum : function(f, s){return f+s;}}console.log(kim.sum(kim.first, kim.second));*/ var kim = { name : 'kim', first : 10, second : 20, sum : function(){ return this.first+this.second; // 메소드가 속해있는 객체를 가리키는 것 = this // 왜? 유연성! kim이건 k이건 상관 없음. 그 객체를 가리키기 떄문}} console.log("this이용", kim.sum()); 자바스크립트에선 함수도 객체...! this: 함수에서는 (window.)abc(); 생략된.. 2019. 6. 9.
[생활코딩] 객체 / console / group DOCTYPE html> Document /* - 객체 기본 사용법! 객체 : 이름이 있는 정보를 정리정돈할 때 쓰는 것 - 객체에 있는 값 읽는방법 . 이나 []를 이용해서 읽을 수 있음 */ var memarray = ['a','b','c']; // 배열에서는 대괄호[]로 값에 접근 console.log("memarray[2]", memarray[2]); var memObject = { manager : 'abc', developer : 'graphittie', designer : 'leezhce' } // 객체에서는 . 으로 접근 + 대괄호 가능(""로 감싸야함) // memObject[designer] console.log(memObject.designer); console.log(memObjec.. 2019. 6. 9.

티스토리툴바