암호를 입력하고 Enter를 눌러 배경 이벤트를 트리거해야합니다. 매우 간단한 요구 사항 인 것 같지만 많은 어려움에 직면합니다.
HTML 컨텐츠에는 주로 암호 입력 텍스트 상자와 배경 이벤트를 트리거하는 버튼이 있습니다.
1. TextBox 텍스트 상자가 초점을 맞추면 Enter를 직접 누르면 페이지가 새로 고침됩니다.
코드를주의 깊게 연구 한 후 페이지에 텍스트 상자 컨트롤이 하나만 있으면 Enter를 누를 때 페이지가 새로 고침됩니다.
처리 방법 : 페이지에 숨겨진 텍스트 상자 컨트롤을 추가하십시오.
특정 원칙은 알려져 있지 않습니다!
2. jQuery를 사용하여 방법을 구현하십시오.
$ (document). reque (function () {$ ( "#tbpassword"). focus (); $ ( '#bpassword'). keydown (function (e) {if (e.keycode == 13) {$ ( "#ctl00_contentbody_btnaccept_linkbutton") [0] .click ();});3. 여러 가지 이유로 jQuery 구현 방법을 사용할 수 없으므로 JS로 전환해야합니다. 호환성이 가장 번거로운 문제입니다.
document.getElementByIdx_x_x ( "tbpassword"). onkeypress = function (event) {var keynum; if (window.event) // ee {keynum = wind } else if (event.which) // netscape/firefox/opera {keynum = event.which; } if (keynum == 13) document.getElementByIdx_x_x ( 'CTL00_ContentBody_BtnAccept_LinkButton'). (); }설명 :
IE 아래에서 키보드 키를 읽으십시오.
keynum = event.keyCode; // 문자 d, keynum = 100 keychar = string.fromcharcode (keynum); // 기조를 문자로 변환합니다 d
Firefox에서 키보드 키 읽기 :
keynum = 이벤트. // 문자 d, keynum = 100 keychar = string.fromcharcode (keynum); // 기조를 문자로 변환합니다 d
예를 들어, IE에는 키 코드 속성 만있는 반면 Firefox에는 어떤 것 및 charcode 속성이 있으며 Opera에는 키 코드가 있고 어떤 속성이 있습니다.
따라서이 호환성 문제는 jQuery에서 해결되었습니다.
위의 내용은이 기사에 관한 모든 것입니다. 모든 사람의 학습에 도움이되기를 바랍니다.