Copierea textului în clipboard înseamnă, jQuery xozblog - lecții și articole despre dezvoltarea site-ului,

Și în acest scurt articol vom încerca să dau seama cum să folosească ZeroClipboard.

Cum să utilizați ZeroClipboard

Mai mult, într-un fișier separat main.js crea un handler care va valorifica puterea de ZeroClipboard.

În exemplele care urmează, vom analiza diferitele moduri pe care le puteți utiliza pentru a copia text în clipboard sau dintr-o anumită zonă de pe pagina, oricare membru atribut specificat.

Setați textul în codul

În primul rând avem nevoie pentru a crea o instanță a unui obiect ZeroClipboard și specificați calea către fișierul SWF.

Cu acest exemplu, putem trece într-un text tampon preparat. Pentru a face acest lucru, folosim metoda setText (). după evenimentul de evacuare dataRequested (Acest eveniment este declanșat de fiecare dată când valoarea ZeroClipboard încearcă să introducă în clipboard). Mai multe detalii în documentație.

Se trece valoarea atributului tampon

Următoarea versiune a copia - valoarea de transfer a elementului atribut de date. Puteți specifica textul atributului de date clipboard-text. și implicit ZeroClipboard va transmite valoarea acestui atribut într-un buffer. Prin urmare:

Mai mult, la fel ca în exemplul anterior, vom crea o instanță a evenimentului și de captură. Și nu puteți specifica în mod explicit metoda setText (). plug-in sine se va face, pentru că ne-am stabilit textul într-un atribut special 🙂

Copiați conținutul câmpului de text

În opinia mea, opțiunea cea mai solicitate. Această opțiune vă permite să definiți un element HTML care ar trebui să fie tratate. Puteți obține conținutul unui astfel de div bloc prin this.Innerhtml sau în cazul în care câmpul de formular, textul prin this.TextContent.

Notă valoarea butonului atribut de date clipboard-țintă este același ca identificatorul câmpului de text. Acest lucru este necesar pentru a stabili o conexiune, de la orice conținut loc ar trebui să fie luate atunci când fac clic.

Documentația completă privind ZeroClipboard plugin-ul poate fi găsit pe pagina de proiect Github legate de mai sus.

Pentru a rămâne la curent cu articolele proaspete și lecții abona la newsletter-ul de e-mail săptămânal sau RSS feed RSS. Vă mulțumim!