본문 바로가기

전체 글301

[jQuery] 이벤트 바인딩 on( ), off( ), one( ) jQuery는 특정 요소에 이벤트 바인딩(event binding)하기 위해 .on() 메소드를 사용한다. jQuery 1.7부터 소개된 .on() 메소드는 다음과 같은 특징을 가진다. 선택한 요소에 어떤 타입의 이벤트라도 연결할 수 있다. 하나의 이벤트 핸들러에 여러 개의 이벤트를 동시에 연결할 수 있다. 선택한 요소에 여러 개의 이벤트 핸들러와 여러 개의 이벤트를 같이 연결할 수 있다. 사용자 지정 이벤트(custom event)를 위해 이벤트 핸들러로 데이터를 넘길 수 있다. 차후에 다루게 될 요소를 이벤트에 바인딩할 수 있다. www.devkuma.com/books/pages/232 2021. 5. 7.
이벤트 버블링 (부모요소의 이벤트 정지 event.stopPropagation( )) webisfree.com/2016-06-15/[%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8]-%EC%9D%B4%EB%B2%A4%ED%8A%B8-%EB%B2%84%EB%B8%94%EB%A7%81-%EC%A0%9C%EA%B1%B0%EB%B0%A9%EB%B2%95-stoppropagation() 2021. 5. 7.
네이버 스마트에디터 (smartEditor2) - iframe embed 태그 제거기능 false 보안상의 이유로 SE2BasicCreator.js 파일에서 iframe,embed 등 일부 태그를 에디터에서 강제 삭제하네요. 보안이슈때문에 2.8.2.3에서 client-side xss filter 기능이 추가되었습니다. 서버단에서 xss 필터링 룰을 따로 관리하고 있어서 스마트에디터에서 해당 태그를 제거하지 않길 원하신다면 아래와 같이 bSkipXssFilter옵션을 true로 지정해주시면 됩니다. 2021. 5. 4.
간편코드 (라이브러리: 부트스트랩, bPopup) bPopup라이브러리 $("선택자").bPopup({ onOpen: function() { }, onClose: function() { $('.modal-content.preview').hide(); $("#modal_ajax").css({transform : "translateX(0)"}); }, escClose: true, follow: [false, false], position: ['auto', 'auto'], easing: 'easeOutBack', closeClass : 'bt_popClose_a', speed: 400, modalClose: true }); 선택자: 팝업 대상(그려지는 아이) dinbror.dk/blog/bPopup/ 툴팁 버튼 $('주체').tooltip({ animatio.. 2021. 4. 27.
[jQuery] CSS 프로퍼티 삭제 programmer-seva.tistory.com/61 [스터디_자바스크립트] 48. DOM 심화 - CSS 스타일시트와 CSS 규칙 1. CSS 스타일시트 개요 스타일시트는 외부 스타일시트를 포함하도록 HTMLLinkElement 노드를 사용하거나(예: ) 인라인 스타일시트를 정의하도록 HTMLStyleElement 노드(예: )를 사용하여 추가한다. 1 2 3 4 5 programmer-seva.tistory.com 안녕하세요 출처: https://mylife365.tistory.com/110 [변화에 적응하기] 2021. 4. 27.
input type file 전체경로(base64) 받아오기 (fakepath 부분) // html// javascriptconst inputElem = document.getElementById('inputFile');const path = inputElem.value; // output: C:\fakepath\test.csv input[type=file]에서 파일 경로"fakepath"로 가려지게 되는 현상이 있었다. (C:\fakepath\test.csv) 이유:브라우저가 인위적으로 보안의 이유로 막는다. 전체 경로를 공개하면 사용자의 파일 구조에 대한 민감한 정보가 노출될 수 있으므로 사용자의 개인정보 보호 및 보안을 위해 그렇게 처리한다고 한다. 해결:FileReader 객체를 불러오고, readAsDataURL 메서드에 파일정보를 넣어주면 된다.그리고 onloadend, 로드가.. 2021. 4. 23.

티스토리툴바