Buat Custom Context-klik Menus dengan justContext.js

Setiap penyemak imbas web mempunyai menu konteks lalai. Ini muncul apabila pengguna klik kanan di mana-mana sahaja pada halaman dan biasanya mempunyai pilihan yang sama, seperti “salinan”, “simpan”, atau “memeriksa elemen”.

Dengan perpustakaan justContext, anda boleh membina menu konteks khusus untuk sebarang elemen di laman web anda. Ini boleh auto-penduduk dengan apa sahaja yang anda suka dan anda boleh tulis fungsi tersuai untuk dijalankan setiap kali pengguna mengklik pilihan dalam menu tersuai anda.

Mana-mana elemen halaman boleh menyokong menu konteksnya sendiri. Ini bermakna anda boleh sasarkan item individu seperti tayangan slaid atau pemain video HTML5, atau anda boleh sasarkan seluruh badan halaman.

Anda mempunyai kawalan penuh ke atas menyusun menu konteks, termasuk fon, warna, ikon, dan pemisah untuk membahagikan menu anda ke bahagian. Plugin ini benar-benar membolehkan anda mencipta menu konteks penuh dari awal dengan ciri-ciri yang anda suka.

Secara lalai, justContext datang dengan dua tema: gelap dan terang. Anda boleh memilih antara mereka dan mencari mana-mana satu yang paling sesuai dengan laman web anda.

Setiap tema boleh disesuaikan menggunakan berbeza Font Web Google, belum lagi keseluruhannya Perpustakaan Awesome Font dibungkus secara lalai.

Lihat demo langsung untuk melihatnya dalam tindakan. Ia berfungsi di semua penyemak imbas kecuali Internet Explorer tetapi ini tidak sepatutnya menjadi masalah memandangkan menolak Microsoft ke pelayar Edge baru.

Mewujudkan menu konteks sebenar adalah sedikit rumit. Ia memerlukan beberapa kelas CSS dan semuanya keras dikodkan dalam HTML ke laman web anda.

Inilah a sampel dari repo utama di GitHub:

  Potong
 Salinan
 Tampal
 
 Pakej baru
 Kelas baru
 Antara muka baharu (kemasukan orang kurang upaya)

Jika anda bersedia tinker dengan tetapan anda boleh berbuat banyak dengan plugin ini. Tetapi, saya juga mengakui ia adalah sumber khusus khusus yang tidak akan menjadi berharga untuk semua laman web.

Terlepas dari kenapa atau bagaimana anda menggunakannya, justContext adalah sumber terbaik yang mutlak untuk mewujudkan menu konteks web dari awal. Semua dokumentasi boleh didapati di GitHub dan plugin adalah 100% percuma untuk digunakan pada sebarang projek web.