Rumah hujung hadapan web tutorial js 用js将内容复制到剪贴板兼容浏览器_javascript技巧

用js将内容复制到剪贴板兼容浏览器_javascript技巧

May 16, 2016 pm 04:55 PM
papan keratan salinan

若想通过js将内容复制到剪贴板,本来不难,可是若考虑到浏览器的兼容性问题,就变的有点麻烦,使用jquery-zclip复制是一个不错的选择,借助flash实现浏览器的兼容。原理就不细讲了,下面说下如何实现。

比如我的html代码如下:

复制代码 代码如下:


<span id="id_1">要复制的内容1</span>
<span id="id_2">要复制的内容2</span>
<span id="id_3">要复制的内容3</span>


js文件总共需要两个,jquery就不用说了,再就是jquery-zclip.js和ZeroClipboard.swf,这两个文件可以在官方网站上下载,地址如下:http://www.steamdev.com/zclip/

生成复制按钮的js如下
复制代码 代码如下:



这样就能时间跨浏览器的复制了,本来不是很难的事情,我做测试的时候也挺顺利的,可以当我把他放到项目中就出问题了,复制按钮产生位置没有flash,只有文字,后来发现,其实flash生成了,但是没有在文字所在的位置,估计和我项目后台使用的是iframe结构有关系,估计这是这个插件的一个bug吧,后来查了很多资料,有的人说,需要改下代码就可以了,后来我改了,下,果然就可以了

需要修改的代码如下
复制代码 代码如下:

getDOMObjectPosition: function (obj, stopObj) {
// get absolute coordinates for dom element
var info = {
left: 0,
top: 0,
width: obj.width ? obj.width : obj.offsetWidth,
height: obj.height ? obj.height : obj.offsetHeight
};

if (obj && (obj != stopObj)) {
//info.left += obj.offsetLeft; //修改前
//info.top += obj.offsetTop; //修改前
jpos = $(obj).position(); //修改后
info.left += jpos.left; //修改后
info.top += jpos.top; //修改后
}

return info;
}

其实这和这个插件的原理有关系,他就将一个透明的flash覆盖到按钮的上面,若他们两个不重合,就出现了上面的问题。
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Repo: Cara menghidupkan semula rakan sepasukan
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Cara melihat sejarah papan keratan pada Mac Cara melihat sejarah papan keratan pada Mac Sep 14, 2023 pm 12:09 PM

Lihat Sejarah Papan Klip macOS daripada Pencari Apabila anda menyalin apa-apa pada Mac anda (teks, imej, fail, URL, dll.), ia pergi ke Papan Klip. Begini cara untuk melihat perkara yang terakhir disalin pada Mac anda. Pergi ke Finder dan klik "Edit" dalam bar menu Klik "Tunjukkan Papan Klip". Ini akan membuka tetingkap yang menunjukkan kandungan papan keratan macOS. Dapatkan Sejarah Papan Klip yang Mengandungi Berbilang Item dalam Mac Sudah tentu, Sejarah Papan Klip Mac asli bukanlah alat paling serba boleh yang boleh anda miliki. Ia hanya menunjukkan perkara terakhir yang anda salin, jadi jika anda ingin menyalin berbilang perkara sekaligus dan kemudian menampal semuanya bersama-sama, anda tidak boleh melakukannya. Walau bagaimanapun, jika anda sedang mencari

Bagaimana untuk menyelesaikan masalah Windows + Shift + S tidak berfungsi dengan betul? Bagaimana untuk menyelesaikan masalah Windows + Shift + S tidak berfungsi dengan betul? May 08, 2023 pm 07:16 PM

Semak papan kekunci anda Jika pintasan papan kekunci tidak berfungsi, mungkin terdapat masalah dengan papan kekunci itu sendiri. Pastikan ia dipalamkan dengan betul dan dikenali oleh PC anda. Adakah papan kekunci komputer riba memberi anda masalah? Jika anda mempunyai papan kekunci tambahan, pasangkannya dan lihat jika ia berfungsi. Jika ya, ini mungkin masalah dengan papan kekunci itu sendiri. Menggunakan papan kekunci tanpa wayar? Ikut arahan pengilang untuk memasangkan semula. Anda juga harus memeriksa sebarang kabel untuk kerosakan dan pastikan kekunci bebas daripada serpihan dan ditekan dengan betul. Untuk mendapatkan maklumat lanjut, lihat pembaikan ini untuk papan kekunci Windows 11 yang rosak. Menggunakan Kekunci Skrin Cetak Jika anda sangat memerlukan tangkapan skrin dan tidak mempunyai masa untuk menyelesaikan masalah, anda boleh menggunakan penyelesaiannya terlebih dahulu. Untuk foto penuh desktop, klik

Papan klip pada iPhone: Bagaimana untuk mengaksesnya? Papan klip pada iPhone: Bagaimana untuk mengaksesnya? May 16, 2023 am 10:46 AM

Di manakah papan keratan pada iPhone? Memandangkan iOS ialah ekosistem tertutup, papan keratan ialah ciri dalaman yang disimpan dalam memori maya. Secara lalai, pengguna tidak boleh melihat kandungan papan keratan atau mengeditnya dalam apa jua cara. Walau bagaimanapun, terdapat beberapa cara untuk mengakses papan keratan pada iPhone. Anda boleh menampal papan keratan ke dalam aplikasi Nota (atau mana-mana editor teks lain) dan menyimpan berbilang salinan papan keratan di sana, mengeditnya mengikut keperluan. Sebagai alternatif, anda boleh menggunakan apl Pintasan untuk mencipta pintasan yang memaparkan papan keratan. Akhir sekali, anda boleh menggunakan aplikasi pihak ketiga seperti Tampal. Bagaimana untuk mengakses papan keratan pada iPhone? Sama ada anda lebih suka menggunakan apl Nota terbina dalam,

Bagaimana untuk membetulkan masalah salin dan tampal fungsi Windows 11 yang tidak bertindak balas? Bagaimana untuk membetulkan masalah salin dan tampal fungsi Windows 11 yang tidak bertindak balas? Apr 26, 2023 pm 08:55 PM

Menyalin sentiasa menjadi cara terbaik untuk menyimpan dan berkongsi fail. Ia membolehkan anda membuat sandaran manual, melakukan pemindahan mudah, dan juga membuat pengubahsuaian yang mungkin merosakkan fail asal jika tidak disalin. Walau bagaimanapun, ini kadangkala sukar jika anda menghadapi masalah cuba menggunakan papan keratan pada PC Windows anda. Beberapa pengguna Windows 11 baru-baru ini tidak dapat menggunakan salin-tampal pada sistem mereka. Isu ini boleh berlaku disebabkan beberapa sebab dan jika anda berada dalam bot yang sama, maka anda boleh membetulkannya pada PC anda. Cara Membetulkan Salin-Tampal pada Windows 11 Memandangkan terdapat banyak isu yang boleh menyebabkan salin-tampal tidak berfungsi pada Windows, kami telah menyenaraikan penyelesaian yang paling biasa untuk menyelesaikan masalah ini di bawah. Kami mengesyorkan anda mulakan dengan yang pertama

Bagaimana untuk menyalin lirik dari QQ Music Bagaimana untuk menyalin lirik Bagaimana untuk menyalin lirik dari QQ Music Bagaimana untuk menyalin lirik Mar 12, 2024 pm 08:22 PM

Kami pengguna seharusnya dapat memahami kepelbagaian beberapa fungsi apabila menggunakan platform ini Kami tahu bahawa lirik beberapa lagu ditulis dengan sangat baik. Kadang-kadang kita mendengarnya beberapa kali dan merasakan maknanya sangat mendalam, jadi jika kita ingin memahami maksudnya, kita ingin menyalinnya secara langsung dan menggunakannya sebagai copywriting masih perlu Anda hanya perlu belajar bagaimana untuk menyalin lirik Saya percaya bahawa semua orang sudah biasa dengan operasi ini, tetapi ia memang agak sukar untuk beroperasi pada telefon bimbit Jadi untuk memberi anda pemahaman yang lebih baik, hari ini editor ada di sini untuk membantu anda. Penjelasan yang baik tentang beberapa pengalaman operasi di atas. ,

Cara menggunakan sejarah papan keratan pada Windows 11 Cara menggunakan sejarah papan keratan pada Windows 11 Apr 19, 2023 pm 12:13 PM

&lt;h2&gt;Menggunakan Sejarah Papan Klip pada Windows 11&lt;/h2&gt;&lt;p&gt;Anda masih boleh menggunakan &lt;strong&gt;klik kanan&gt;salin&lt;/strong&gt; dan &lt;strong&gt;klik kanan&gt; atau gunakan &lt;strong&gt;Ctrl+C&lt;/strong&amp

Tangkapan skrin dan lokasi tangkapan skrin pada Windows 11/10 Tangkapan skrin dan lokasi tangkapan skrin pada Windows 11/10 May 16, 2023 pm 04:01 PM

Di manakah keratan dan tangkapan skrin dalam Windows 11? Ini ialah soalan yang kami dapat daripada beberapa pembaca kami yang mungkin baru memasang sistem pengendalian baharu atau menggunakan alat snipping buat kali pertama. Alat ini direka untuk menangkap mana-mana atau semua bahagian skrin komputer anda. Untuk meletakkan perkara dalam konteks, kekunci PrintScreen akan mengambil gambar skrin anda yang lengkap, tetapi SnippingTool boleh dilaraskan untuk mengambil hanya kawasan yang anda suka. Di manakah tangkapan skrin dan tangkapan skrin pada Windows 10/11? Secara lalai, keratan dan tangkapan skrin disimpan ke papan keratan komputer anda. Ini bermakna untuk mendapatkannya anda hanya menampalnya ke dalam aplikasi yang anda inginkan seperti Microsoft Paint, Photo

Apakah kekunci pintasan untuk menyalin? Apakah kekunci pintasan untuk menyalin? Mar 10, 2023 pm 02:00 PM

Kekunci pintasan untuk menyalin ialah "Ctrl+c", dan kekunci tampal yang sepadan ialah "Ctrl+v" pada komputer, gunakan tetikus untuk menyeret dan memilih teks, tahan Ctrl, dan kemudian klik kekunci C untuk melengkapkan; salin; Kekunci pintasan merujuk kepada melengkapkan operasi melalui kekunci tertentu, urutan kekunci atau kombinasi kekunci.

See all articles