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

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 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;
}

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

CentOS7のTabキーでコマンドが完了できない問題を解決 CentOS7のTabキーでコマンドが完了できない問題を解決 Jan 17, 2024 pm 01:30 PM

今日、centOS で実験をしていたところ、Ubuntu で一般的に使用されていたタブキーによる補完方法が使用できないことがわかり、非常に興味があったので、情報を検索し、自分でテストした結果、考えられる解決策を次のように記録しました。まず、ターミナルで次のコマンドを実行する必要があります: #yuminstallbash-completion//ワイルドカード インストールを使用することもできます: yuminstallbash-c* または、いくつかの初期化パッケージ グループ yum-ygroupinstallBaseCompatibilitylibrariesDebuggingToolsDial-upNetworkingsupppo をインストールすることもできます

Javaでキャリッジリターンを読み取る方法 Javaでキャリッジリターンを読み取る方法 Mar 22, 2024 pm 04:57 PM

Java では、キャリッジ リターンは通常、改行文字で表されます。 Windows システムでは、復帰と改行を表すために「\r\n」が使用されますが、Unix/Linux システムでは「\n」が使用されます。復帰を含むテキストを読み取る場合、Java はこれらの文字を通常の文字として扱います。 BufferedReader クラスまたは Scanner クラスを使用すると、キャリッジ リターンまたはライン フィードが検出されるまで入力ストリームからテキストを読み取ることができます。

Vue でタブ コンポーネントとマルチタブ ページを実装するにはどうすればよいですか? Vue でタブ コンポーネントとマルチタブ ページを実装するにはどうすればよいですか? Jun 25, 2023 am 09:33 AM

フロントエンド テクノロジの継続的な更新により、Vue は人気のあるフロントエンド フレームワークとして、多くの開発者の最初の選択肢になりました。実際のプロジェクトでは、さまざまな機能モジュールを切り替えて管理するために、タブ コンポーネントやマルチタブ ページを使用する必要があることがよくあります。この記事では、Vueを使ってシンプルなタブコンポーネントとマルチタブページを実装する方法を紹介します。 1. 単純なタブコンポーネントの実装 Tab.vue コンポーネントの作成 プロジェクト内に Tab.vue コンポーネントを作成して表示します。

Vue でタブを実装する 3 つの方法は何ですか? Vue でタブを実装する 3 つの方法は何ですか? Jan 29, 2023 pm 02:49 PM

Vue でタブを実装するには 3 つの方法があります: 1. 「v-show」を介してタブ コンテンツの切り替えを制御する; 2. Vue の is 機能と「キープアライブ」キャッシュを介してタブ切り替えを実装する; 3. 「router」を介してルート切り替えを実装する-リンク" 。

Javaでキャリッジリターンを使用して入力を続ける方法 Javaでキャリッジリターンを使用して入力を続ける方法 Mar 25, 2024 am 10:23 AM

Java では、Scanner クラスを使用して Enter で続行機能を実装できます。このクラスは、標準入力からユーザー入力を読み取ります。次の例は、Scanner クラスを使用してこの機能を実装する方法を示しています。 ```ジャワ java.util.Scannerをインポートします。 パブリック クラス ContinueOnEnter { public static void main(String[] args) { スキャナー スキャナー = 新しいスキャナー(System.in); システム

Alt+Tab でインターフェースを切り替えられないのはなぜですか? Alt+Tab でインターフェースを切り替えられないのはなぜですか? Mar 09, 2023 pm 02:11 PM

alt+tab でインターフェースを切り替えることができない理由は、このコマンドが無効になっているためです。解決策: 1. コンピューターの電源を入れ、スタート メニューをクリックし、ファイル名を指定して実行コマンドを選択します。2. 空白のバーに「regedit」と入力します。 3. レジストリ マネージャーに入り、「AltTabSettings」オプションを見つけます。 4. 「AltTabSettings」をダブルクリックし、開いたオプションの値データを「00000001」に変更し、「確認」をクリックします。 。

RedMagic Gaming Tablet Pro は、Snapdragon 8 Gen 3 の主要バージョンを搭載した最初のタブとして起動します RedMagic Gaming Tablet Pro は、Snapdragon 8 Gen 3 の主要バージョンを搭載した最初のタブとして起動します Sep 05, 2024 pm 09:30 PM

RedMagic は、Snapdragon 8 Gen 3 の主要バージョンを搭載した最初のタブであるゲーミング タブレット Pro を完全に発表しました。これは基本的に標準 SoC のオーバークロック バージョンであり、RedMagic 9S Pro はベンチマークをリードしています。これも同様です

Win10 が脅威を検出したが削除できない場合はどうすればよいですか? Win10 が脅威を検出したが削除できない場合はどうすればよいですか? Feb 20, 2024 am 08:06 AM

最近、一部のユーザーが、システムのセキュリティ スキャン中に削除できなかった脅威を発見したと報告しました。これは、マルウェアが使用する秘密の手段が原因である可能性があり、削除が困難になっています。この問題の解決策には、ウイルス対策ソフトウェアの更新、セーフ モードでのスキャンの実行、脅威の手動削除などが含まれます。システムのセキュリティを確保するために、さまざまな方法を試すか、専門家の助けを求めることをお勧めします。解決策: 1. 「win+R」ショートカット キーを使用して実行を開始し、「regedit」と入力して Enter キーを押して開きます。 2. レジストリ エディタ インターフェイスに入ったら、「HKEY_LOCAL_MACHINESoftwarePoliciesMicrosoftWindow」を変更します。

See all articles