양식을 제출하는 대신 텍스트 영역에 새 줄을 삽입하기 위해 'Shift Enter'를 어떻게 감지할 수 있습니까?-CSS 튜토리얼-php.cn

양식을 제출하는 대신 텍스트 영역에 새 줄을 삽입하기 위해 'Shift Enter'를 어떻게 감지할 수 있습니까?

Patricia Arquette

풀어 주다： 2024-11-30 09:25:13

원래의

445명이 탐색했습니다.

How Can I Detect

"Shift Enter" 감지 및 텍스트 영역에 새 줄 삽입

기본적으로 텍스트 영역 내에서 "Enter" 키를 누르면 양식이 제출됩니다. 그러나 이 기능을 유지하면서 사용자가 "Shift", "Enter" 키 조합을 눌러 새 줄을 만들 수 있도록 허용하고 싶습니다. JavaScript에서 이를 수행하는 방법은 다음과 같습니다.

"Enter"를 눌러 양식을 제출하는 스크립트를 제어하는 경우 "Shift" 키가 눌러지지 않았는지 확인하도록 코드를 수정하기만 하면 됩니다. 예를 들어,

if (evt.keyCode == 13) {
    form.submit();
}

로그인 후 복사

...을 다음과 같이 변경하세요.

if (evt.keyCode == 13 &amp;&amp; !evt.shiftKey) {
    form.submit();
}

로그인 후 복사

그러나 원본 코드에 액세스할 수 없는 경우 다음 스크립트를 사용할 수 있습니다. 커서가 텍스트 끝에 있지 않은 경우에도 원하는 동작을 얻으려면:

function handleEnter(evt) {
    if (evt.keyCode == 13 &amp;&amp; evt.shiftKey) {
        if (evt.type == "keypress") {
            pasteIntoInput(this, "\n");
        }
        evt.preventDefault();
    }
}

// Handle both keydown and keypress for Opera as it suppresses default key action in keypress
$("#your_textarea_id").keydown(handleEnter).keypress(handleEnter);

로그인 후 복사

이 스크립트는 "Shift"를 확인합니다. "Enter" 키 조합. 감지되면 PasteIntoInput 함수를 사용하여 텍스트 영역에 개행 문자("n")를 삽입하고 기본 양식 제출을 방지합니다.

위 내용은 양식을 제출하는 대신 텍스트 영역에 새 줄을 삽입하기 위해 'Shift Enter'를 어떻게 감지할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!