jQueryスニペット:mailtoリンクのクリックでクリップボードにコピーする
CRANK

Resultmailtoリンクをクリックすると、メーラーを立ち上げずにクリップボードにコピーさせる、というものjQueryを使っていますjQuery$(document).ready(function() { // mailtoリンクにクラスを追加 $("a[href^=mailto]").wrap('<span class="mailto-wrapper">'); $("a[href^=mailto]").addClass("mailto-link"); //クリック時にコピーした旨のメッセージ表示 var mailto = $(".mailto-link"); var mailtoWrapper = $(".mailto-wrapper"); var messageCopy = "Click to copy email address."; var messageSuccess = "Email address copied to clipboard."; mailtoWrapper.append('<span class="mailto-message"></span>'); $(".mailto-message").append(messageCopy); //デフォルトアクションの無効化 $("a[href^=mailto]").click(function() { return false; }); //クリックでhrefが表示され、'mailto:'を削除 //メールアドレスを変数に格納 mailto.click(function() { var href = $(this).attr("href"); var email = href.replace("mailto:", ""); copyToClipboard(email); $(".mailto-message") .empty() .append(messageSuccess); setTim…

kachibito.net
Related Topics: jQuery