jQuery pada plugin papan kekunci skrin

Plugin papan kekunci pada skrin ini menyediakan papan kekunci maya yang disesuaikan untuk kebolehgunaan laman web yang dipertingkatkan. Ia serupa dengan papan kekunci akses Windows, muncul apabila medan input diklik.

pelaksanaan:

Muat turun:
1. Dapatkan fail plugin.
kod asas:
2. Gunakan yang disediakan sebagai titik permulaan. demo.js
susun atur & tetapan:
3. Ubah suai susun atur papan kekunci dan tetapan (lihat contoh kod di bawah).
CSS Styling:
4. Sesuaikan CSS untuk memadankan reka bentuk laman web anda.

Pautan Muat Turun & Demo:

halaman muat turun , Live Demo

Contoh kod jQuery:

papan kekunci qwerty asas:

$(document).ready(function(){
  $('.qwerty').keyboard({ layout: 'qwerty' });
});

Papan kekunci angka dengan sekatan:

$(document).ready(function(){
  $('#num').keyboard({
    layout: 'num',
    restrictInput: true,
    preventPaste: true,
    autoAccept: true
  });
});

Taip Simulator Extension:

papan kekunci yang dicetuskan oleh hiperpautan:

$(function() {
  $('.ui-keyboard-input').addTyping();
});

Contoh ini menunjukkan cara memaparkan papan kekunci apabila hiperpautan diklik, memfokuskan medan input tersembunyi:

ingat untuk menggantikan pautan pemegang tempat dengan URL muat turun dan demo sebenar. Keterangan yang disemak ini memberikan penjelasan yang lebih jelas dan lebih ringkas mengenai fungsi dan penggunaan plugin.

Atas ialah kandungan terperinci jQuery pada plugin papan kekunci skrin. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!