質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Go

Go(golang)は、Googleで開発されたオープンソースのプログラミング言語です。

コピー

元のオブジェクトを破壊することなく、オブジェクトの複製を生成することをコピーと呼びます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

1回答

777閲覧

動的なtableのセルをクリックし別のセルの中身をクリップボードにコピーをする方法を教えて頂きたいです

Palo_Punte

総合スコア21

Go

Go(golang)は、Googleで開発されたオープンソースのプログラミング言語です。

コピー

元のオブジェクトを破壊することなく、オブジェクトの複製を生成することをコピーと呼びます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2020/06/03 15:35

(html) <table> <tr> <th>名前</th> <th>年齢</th> <th>コメント</th> </tr> {{range .human_all}} //human_allはcontrollerで取得されたDBの中身 <tr> <td>{{.Name}}</td> //human_allのNameカラム <td>{{.Age}}</td> //human_allのAgeカラム <td><a href={{.Url}}>{{.Comment}}</a></td> //human_allのUrl、Commentカラム </tr> {{end}} </table>

.Nameのセルをクリックしたときに
.Nameの中身(改行)
.Commentの中身(.Urlのリンク付きのテキスト)
がクリップボードにコピーがされるようにしたいのですがどのようにすれば良いのでしょうか?

.Nameにonclick="関数名"をつけ取得箇所にgetElementById→execCommandでコピーを試してみようと思ったのですがtdに動的なidをつける方法がよくわかりませんでしたし、clipboard.jsも試してみたのですがうまくできませんでした。
やり方をご存知の方教えていただけないでしょうか?

go言語1.13
フレームワークはginになります

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

例えば以下のようにすると、human0Namehuman0CommentなどのIDを付与できます。

{{range $i, $v := .human_all}} //human_allはcontrollerで取得されたDBの中身 <tr> <td id="human{{$i}}Name">{{$v.Name}}</td> //human_allのNameカラム <td id="human{{$i}}Age">{{$v.Age}}</td> //human_allのAgeカラム <td id="human{{$i}}Comment"><a href={{$v.Url}}>{{$v.Comment}}</a></td> //human_allのUrl、Commentカラム </tr> {{end}}

クリップボードまわりは近年セキュリティの問題もあって厳しめの動作条件があったかと思います。
お使いのクリップボードライブラリの最新ドキュメントをよみましょう。

投稿2020/06/03 21:37

nobonobo

総合スコア3367

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

nobonobo

2020/06/03 21:49

クリップボードの読み出しにはユーザーの許可が必要ですが、 クリップボードへのコピーは比較的動作条件は緩いようです(旧IEを除く)。
Palo_Punte

2020/06/04 14:15

最初は、簡易に<td id="{{$i}}">としてしまいidが数字から始まるものは認識がされないという事に気がつかず手間取ってしまったのですが無事にできました 最初は素直にコピペした方が良いですね ご親切にありがとうございました
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問