input元素生成鼠标单击的x和y坐标

时间:2016-07-26 11:09:24

标签: html css image button transform

我需要提交页面,并且我选择使用元素来执行此操作并使用在悬停时缩放的图像。

由于这个问题的奇怪性质,我发现google上这个主题并不重要,因为我无法用简单的关键词来表达它。

这是php。(我知道echo html元素是不好的做法,但让我们专注于手头的问题。)

echo '<form method="get">';
echo '<input type="hidden" name="v" value="30" />';
echo '<div class="hover01 column">';
echo '<div>';
echo '<figure>';
echo '<input type="image" name="submit" src="http://[img host]/image.jpg" border="0" alt="Submit"/>';
echo '</figure>';
echo '</div>';
echo '</div>';
echo '</form>';

现在,当我点击图像时,我按原样传递GET值,但它也会传递x,y位置,就像这样点击图像

&安培; submit.x = 24&安培; submit.y = 34

如何删除额外的两个值,以便URL看起来像这样漂亮整洁

http://localhost/vlp/?v=5

而不是

http://localhost/vlp/?v=5&submit.x=24&submit.y=34

如果我将<input>元素更改为<img>元素,则没有额外的GET值,但我需要使用新值提交并重新加载页面,并使图像放大悬停。< / p>

这可以在没有Javascript的情况下完成吗?

1 个答案:

答案 0 :(得分:0)

我只需使用<button>来修复网址

中的额外GET值