ホームページ > ウェブフロントエンド > jsチュートリアル > Jquery (Enter To Tab)_jquery に基づいた Enter to Tab フォーカス切り替えエフェクト コード

Jquery (Enter To Tab)_jquery に基づいた Enter to Tab フォーカス切り替えエフェクト コード

WBOY
リリース: 2016-05-16 18:16:39
オリジナル
1422 人が閲覧しました

最初の方法:

复制代代码如下:

$(document).ready( function () {
$(':input:text:first').focus();
$(':input:enabled').addClass('enterIndex');
// 取得のみクラス data-entry の input タグ
textboxes = $('.enterIndex');
// 次に、どのブラウザが使用されているかを確認します
if ($.browser.mozilla) {
$(textboxes).bind('keypress', CheckForEnter);
$(textboxes).bind('keydown', CheckForEnter);
function CheckForEnter(event) {
if (event.keyCode == 13 && $(this).attr('type') != 'button' && $(this).attr('type') ! = 'submit' && $(this).attr('type') != 'textarea' && $(this).attr('type') != 'reset') {
var i = $('. enterIndex').index($(this));
var n = $('.enterIndex').length;
if (i 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 を返します。
}
}
関数 NextDOM(myjQueryObjects,counter) {
if (myjQueryObjects.eq(counter 1)[0].disabled) {
NextDOM(myjQueryObjects, counter 1);
}
else {
myjQueryObjects.eq(counter 1).trigger('focus');
}
}


方法二(转下网络)


复制代 代以下のように: document.onkeydown = function(evt) {
var isie = (document.all) ? true : false;
var キー;
var srcobj;
アラート(isie);
if (isie) {
key =event.keyCode;
srcobj = イベント.srcElement;
}
else {
alert(evt);
key = evt.that;
srcobj = evt.target;
}
if (key == 13 && srcobj.type != 'button' && srcobj.type != 'submit' && srcobj.type != 'reset' && 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();
false を返します。
}
}
}
document.onkeyup = function(evt) {
var isie = (document.all) ? true : false;
var キー;
var srcobj;
アラート(isie);
if (isie) {
key =event.keyCode;
srcobj = イベント.srcElement;
}
else {
alert(evt);
key = evt.that;
srcobj = evt.target;
}
if (key == 13 && srcobj.type != 'button' && srcobj.type != 'submit' && srcobj.type != 'reset' && 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();
false を返します。
}
}
}
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 までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート