Jquery (Enter To Tab)_jquery に基づいた Enter to Tab フォーカス切り替えエフェクト コード
May 16, 2016 pm 06:16 PM
tab
入力
最初の方法:
复制代代码如下:
$(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
{
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; eif (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;
}
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
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;
}
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

人気の記事
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)
2週間前
By 尊渡假赌尊渡假赌尊渡假赌
レポ:チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?
3週間前
By DDD
R.E.P.O.ファイルの保存場所:それはどこにあり、それを保護する方法は?
3週間前
By DDD

人気の記事
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)
2週間前
By 尊渡假赌尊渡假赌尊渡假赌
レポ:チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?
3週間前
By DDD
R.E.P.O.ファイルの保存場所:それはどこにあり、それを保護する方法は?
3週間前
By DDD

ホットな記事タグ

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック
Gmailメールのログイン入り口はどこですか?
7310
9


Java チュートリアル
1623
14


CakePHP チュートリアル
1344
46


Laravel チュートリアル
1259
25


PHP チュートリアル
1207
29



Vue でタブ コンポーネントとマルチタブ ページを実装するにはどうすればよいですか?
