Q&A
JavaScriptで出した座標をテキストボックスに書き込んだ状態にしたい
php
1<form method="post" action="demo.php" > 2 <p> 3 座標 4 <input type="text" value="zahyou" name="name"> 5 </p> 6 <input type="submit" value="submit">
javascript
1<script> 2document.getElementById( "target" ).onclick = function( event ) { 3var kimetu = event.pageX ; // 水平の位置座標 4var yaiba = event.pageY ; // 垂直の位置座標 5 6alert(kimetu + ":" + yaiba); // 確認のためアラート表示 7 8} 9</script>
demophp
1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="utf-8"> 5<title>check</title> 6</head> 7<body> 8<?php 9$name = $_POST['name']; 10?> 11<p>座標 <?php echo $name ?></p> 12</body> 13</html>
回答1件
0
ベストアンサー
html
1<script> 2document.getElementById( "target" ).addEventListener('click', function(event) { 3 var kimetu = event.pageX ; // 水平の位置座標 4 var yaiba = event.pageY ; // 垂直の位置座標 5 document.getElementsByName('name')[0].value = kimetu + ":" + yaiba; 6}); 7</script>
投稿2019/11/26 06:27
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/11/27 05:29