押したときにその行の値を取得し、離したときに押した行の値及び離した行の値を表示するということです(最終的にはセル内容の入れ替えをやりたいのですがいまはその準備段階です)。
しかしながら現状、xxxを押し,yyy上で離しても何も起きません。その逆も同じです。どのようにすればよいかご存知の方、よろしくお願い致します。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>drag</title> <script> var val, row; function drag($event, $this) { // マウスダウン行の値を変数val,マウスダウン行の行数を変数rowに格納 if ($event.type == "mousedown") { val = $this.innerHTML; row = $this.parentNode.rowIndex; } else if ($event.type == "mouseup") { // マウスダウンの実績があり、かつ異なる行でのマウスアップ if (row && $this.parentNode.rowIndex != row) { // マウスダウン行の値とマウスアップ行の値を表示 alert(val+"|"+$this.innerHTML); // 初期化 val = ""; row = ""; } else { return; } } } </script> </head> <body> <table> <tr><td onmousedown="drag(event, this);" onmouseup="drag(event, this);" draggable="true">xxx</td></tr> <tr><td onmousedown="drag(event, this);" onmouseup="drag(event, this);" draggable="true">yyy</td></tr> </table> </body> </html>回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/06/10 06:35