In addition to Weibo, there is also WeChat
Please pay attention
WeChat public account
Shulou
2025-04-07 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Internet Technology >
Share
Shulou(Shulou.com)05/31 Report--
This article mainly introduces "how to use JavaScript and Html5 to achieve button copy text to the clipboard function" related knowledge, editor through the actual case to show you the process of operation, the method of operation is simple and fast, practical, hope that this "how to use JavaScript and Html5 button to copy text to the clipboard function" article can help you solve the problem.
One: introduce plug-ins:
Second, add an attribute to the tag: data-clipboard-text
Copy
Third, define script: implement copy function-(write internal script, external ones always report errors, can't find classes, novices don't understand it, I'll add it later)
Var clipboard = new Clipboard ('btn'); clipboard.on (' success', function (e) {e.clearSelection (); / / replication successful}); clipboard.on ('error', function (e) {/ / replication failed})
Add: new Clipboard ()-any parameter is id class, like id or .class as defined by css
Four: customize the copied content
New Clipboard ('.btn', {target: function (trigger) {return trigger.nextElementSibling;}})
Return the content you want to copy through return
Five: the list page copies each piece of list content
You can give each item custom attribute data-clipboard-text.
Div.setAttribute ("data-clipboard-text", "asdf")
Add: almost all computer browsers can support Android on mobile phones. Apple has some problems and needs to set the tag to button.
This is the end of the content on "how to use JavaScript and Html5 to achieve button copy text to the clipboard function". Thank you for reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.
Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.
Views: 274
*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.
Continue with the installation of the previous hadoop.First, install zookooper1. Decompress zookoope
"Every 5-10 years, there's a rare product, a really special, very unusual product that's the most un
© 2024 shulou.com SLNews company. All rights reserved.