> 웹 프론트엔드 > JS 튜토리얼 > Jquery를 기반으로 탭 포커스 전환 효과 코드에 입력(Enter To Tab)_jquery

Jquery를 기반으로 탭 포커스 전환 효과 코드에 입력(Enter To Tab)_jquery

WBOY
풀어 주다: 2016-05-16 18:16:39
원래의
1423명이 탐색했습니다.

| function () {
$(':input:text:first').focus();

$(':input:enabled').addClass('enterIndex')// 가져오기만 클래스 데이터 항목이 있는 입력 태그 textboxes = $('.enterIndex'); // 이제 어떤 브라우저가 사용되고 있는지 확인합니다. if ($.browser.mozilla) { $(textboxes).bind('keypress', CheckForEnter); } else { $(textboxes).bind('keydown', CheckForEnter)
}
});
function CheckForEnter(event) {
if (event.keyCode == 13 && $(this).attr('type') != 'button' && $(this).attr('type') ! = '제출' && $(this).attr('type') != 'textarea' && $(this).attr('type') != 'reset') {
var i = $('. enterIndex').index($(this));
var n = $('.enterIndex').length;
if (i < n - 1) {
if ($(this).attr('type') != 'radio')
{
NextDOM($('.enterIndex' ),나);
}
else {
var last_radio = $('.enterIndex').index($('.enterIndex[type=radio][name=' $(this).attr('name') ']:마지막'));
NextDOM($('.enterIndex'),last_radio);
}
}
false를 반환합니다.
}
}
function NextDOM(myjQueryObjects,counter) {
if (myjQueryObjects.eq(counter 1)[0].disabled) {
NextDOM(myjQueryObjects, counter 1);
}
else {
myjQueryObjects.eq(카운터 1).trigger('focus');
}
}


방법이(转载网络)




复system代码


代码아래:

document.onkeydown = function(evt) {
var isie = (document.all) ? 사실 : 거짓;
var 키; 경고(evt);
키 = evt.which;
srcobj = evt.target;
}
if (키 == 13 && srcobj.type != '버튼' && srcobj.type != '제출' && srcobj.type != '재설정' && srcobj.type != 'textarea' && srcobj.type != '') {
if (isie) {
event.keyCode = 9;
}
else {
var el = getNextElement(evt.target);
if (el.type != 'hidden')
el.focus();
else
while (el.type == 'hidden')
el = getNextElement(el);
el.focus();
거짓을 반환합니다.
}
}
}
document.onkeyup = function(evt) {
var isie = (document.all) ? 사실 : 거짓;
var 키;
var srcobj;
경고(isie);
if (isie) {
key = event.keyCode;
srcobj = event.srcElement;
}
else {
경고(evt);
키 = evt.which;
srcobj = evt.target;
}
if (키 == 13 && srcobj.type != '버튼' && srcobj.type != '제출' && srcobj.type != '재설정' && srcobj.type != 'textarea' && srcobj.type != '') {
if (isie) {
event.keyCode = 9;
}
else {
var el = getNextElement(evt.target);
if (el.type != 'hidden')
el.focus();
else
while (el.type == 'hidden')
el = getNextElement(el);
el.focus();
거짓을 반환합니다.
}
}
}
function getNextElement(field) {
var form = field.form;
for (var e = 0; e if (field == form.elements[e])
break;
}
return form.elements[ e % form.elements.length];
}

function document.onkeydown() {
var e = event.srcElement;
if (event.keyCode == 13 && e.tagName == "INPUT" && e.type == "text")
event.keyCode = 9;
}

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿