JS는 브라우저 캐리지 리턴 이벤트를 모니터링하고 IE6+, Firefox, Google 등과 같은 브라우저를 지원할 수 있습니다.
코드 사본은 다음과 같습니다.
<html>
<헤드>
<script type = "text/javaScript">
// 키보드 이벤트 등록
document.onkeydown = function (e) {
// 캐리지 리턴 이벤트를 잡습니다
var ev = (typeof event! = 'undefined')? Window.event : e;
if (ev.keyCode == 13) {
경고 ( 'Enter Event!');
}
}
</스크립트>
</head>
<바디 />
</html>
그렇다면 지정된 DOM 객체의 캐리지 리턴 이벤트를 잡는 방법은 무엇입니까? 입력 태그의 예는 다음과 같습니다.
코드 사본은 다음과 같습니다.
<html>
<헤드>
<script type = "text/javaScript">
// 키보드 이벤트 등록
document.onkeydown = function (e) {
// 캐리지 리턴 이벤트를 잡습니다
var ev = (typeof event! = 'undefined')? Window.event : e;
if (ev.keyCode == 13 && document.ActiveElement.id == "msg") {
ALERT ( "get content :" + document.ActiveElement.Value);
}
}
</스크립트>
</head>
<body>
<입력 유형 = "text"id = "msg"value = " />
</body>
</html>
그렇다면 JS에서 브라우저 캐리지 리턴 이벤트를 비활성화하는 방법은 무엇입니까? HTML 양식 영역에서 Enter를 누를 때 브라우저의 기본 동작은 양식을 자동으로 제출하는 것임을 알고 있습니다. 다음은 JS의 브라우저 입력 이벤트를 비활성화하는 방법을 설명하는 예입니다.
코드 사본은 다음과 같습니다.
<html>
<헤드>
<script type = "text/javaScript">
// 키보드 이벤트 등록
document.onkeydown = function (e) {
// 캐리지 리턴 이벤트를 잡습니다
var ev = (typeof event! = 'undefined')? Window.event : e;
if (ev.keyCode == 13 && document.ActiveElement.id == "msg") {
return false; // 리턴 이벤트를 비활성화합니다
}
}
</스크립트>
</head>
<body>
<form action = "form.php">
<입력 유형 = "text"id = "msg"name = "msg"value = "" />
<입력 유형 = "제출"값 = "제출"/>
</form>
</body>
</html>