JQuery Dapatkan Elemen dengan Fokus Semasa

3 coretan kod jQuery untuk mendapatkan elemen dengan tumpuan semasa dan melakukan Ajax Auto Simpan sebaik sahaja ia kehilangan fokus.

Soalan Lazim (Soalan Lazim) Mengenai JQuery Element Current Focus

Bagaimana saya boleh menentukan elemen yang kini mempunyai tumpuan menggunakan jQuery?

<span>//get active element of focus using js
</span><span>$(document.activeElement)</span>

Untuk menentukan elemen yang kini mempunyai tumpuan menggunakan jQuery, anda boleh menggunakan: pemilih fokus. Pemilih ini membolehkan anda memilih elemen HTML yang kini memberi tumpuan kepada laman web. Berikut adalah contoh mudah:

<span>//change focus when tabbed across into new item
</span><span>$('.item :input').live('focus', function()
</span><span>{
</span>  <span>var thisItem = $(this).parents('.item');
</span>  <span>var thisId = thisItem.attr('id');
</span>  <span>$('.item').removeClass('item-selected'); //remove all focus
</span>  thisItem<span>.addClass('item-selected');  //add focus to current item
</span>
  <span>//save those items that have changed
</span>  $<span>.each($('.item-changed'), function(i<span>,v</span>)
</span>  <span>{
</span>      <span>var currItemId = $(this).attr('id');
</span>      <span>//exclude current item
</span>      <span>if (!_this.helpers.itemHasFocus(currItemId))
</span>      <span>{
</span>         <span>console.log('saving '+currItemId);
</span>         _this<span>.save.item(currItemId); /* AJAX auto save */
</span>         <span>$(this).removeClass('item-changed');
</span>      <span>}
</span>  <span>});
</span><span>});</span>

$ (dokumen) .ready (function () {

var focusedElement = $ (': focus');

console.log (fokus);

}); Mencetak elemen yang difokuskan ke konsol. Kaedah fokus () digunakan untuk menetapkan fokus pada elemen tertentu. Berikut adalah contoh:

$ (" #myelement"). Fokus (); Berikut adalah contoh:

$ (" #myelement"). Blur ();
Dalam kod ini, #myelement adalah id elemen yang anda ingin mengeluarkan fokus dari. Inilah contoh:

$ (" #myelement"). Unsur kehilangan fokus menggunakan kaedah blur () dalam jQuery. Berikut adalah contoh:

$ (" #myElement"). Blur (function () {

alert ("elemen telah kehilangan fokus");

}); Gunakan kaedah (": fokus") dalam jQuery. Berikut adalah contoh:

if ($ (" #myElement"). Adalah (": fokus")) {
console.log ("elemen mempunyai fokus"); Tidak. Berikut adalah contoh:

$ (dokumen) .ready (function () {

$ (" #myElement"). Fokus ();

});

Bolehkah saya menggunakan jQuery untuk memberi tumpuan kepada input borang?

Ya, anda boleh menggunakan jQuery untuk memberi tumpuan kepada input bentuk. Kaedah fokus () boleh digunakan untuk menetapkan fokus pada input bentuk. Berikut adalah contoh:

$ ("input"). Fokus (); medan. Berikut adalah contoh:

$ ("input"). jQuery untuk memberi tumpuan kepada pautan (tag anchor)?

Ya, anda boleh menggunakan jQuery untuk memberi tumpuan kepada pautan. Kaedah fokus () boleh digunakan untuk menetapkan fokus pada pautan. Inilah contoh:

$ ("a"). Fokus ();
Dalam kod ini, pautan pertama dalam fokus DOM Gains.

Atas ialah kandungan terperinci JQuery Dapatkan Elemen dengan Fokus Semasa. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!