<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui"/> <body> <div class="btn" style="cursor:pointer;">copy123456</div> <script src="clipboard.min.js"></script> <script src="jquery.min.js"></script> <script> var clipboard = new Clipboard('.btn', { text: function () { return $(".btn").html(); } }); clipboard.on('success', function (e) { alert("複製成功"); }); clipboard.on('error', function (e) { alert("複製失敗"); }); </script> </body> </html>
問題:把樣式 cursor: pointer 去掉,在移動端點擊沒反應,複製不了(在PC端沒這個問題)html
( 若是上面不用 div,改用 button,那麼這個問題不存在)jquery
具體緣由,沒精力去探索了,先告訴那些可能遇到這個問題,卻還沒發現的朋友吧,別糾結了。ide