목록Coding/JSP (3)
Yunzz's 코딩정리

Input 요소의 [type="text"] 내에 값 입력 후 Enter 눌렀을 때 이벤트 발생.function EnterKey(e){ var value = document.getElementById("value").value; if(e.keyCode == 13){ document.getElementById("results").innerText = value; } } onkeypress 통해 키보드 키 입력 시 이벤트 불러옴. event.keyCode==13 통해 Enter 이벤트 발생 시 작업 실행 될 수 있도록 함. See the Pen Untitled by 조윤주 (@gnlvrezv-the-solid) on CodePen.

Ketcher 란? 'Web-based molecule sketcher ' 웹 기반으로 분자구조를 그리거나 구조 관련 정보를 추출할 수 있는 에디터. JSP에서 사용하는 Ketcher의 output은 'Promise' 객체로 이루어져있음. async function test(){ var frame = document.getElementById("ifKetcher"); var ketcher = frm.contentWindow.ketcher; // Get SMILES Code var smiles = await ketcher.getSmiles(); console.log(smiles); // Get Molecule Image var blob = await ketche..

Mouse Eventclick해당 요소 마우스 버튼 클릭 후 발생mousedown해당 요소 마우스 버튼 클릭 시 발생mouseup해당 요소 마우스 버튼 클릭 후 떼었을 때 발생dbclick해당 요소 마우스 버튼 더블 클릭 시 발생mousemove해당 요소 안에서 마우스 움직였을 때 발생mouseover해당 요소 밖에서 안으로 마우스 움직였을 때 발생mouseout해당 요소 안에서 밖으로 마우스 움직였을 때 발생mouseenter해당 요소 밖에서 안으로 마우스 움직였을 때 발생 (버블링 발생 x)mouseleave해당 요소 안에서 밖으로 마우스 움직였을 때 발생 (버블링 발생 x)contextmenu해당 요소 마우스 오른쪽 버튼 클릭 시 발생