【问题标题】:Input Image Coordinates Not Working In Chrome输入图像坐标在 Chrome 中不起作用
【发布时间】:2017-12-09 01:05:17
【问题描述】:

问题:
我有一个很大的页面,在它的中间我有一个图像作为输入。从该图像中,我得到用户单击位置的 x 和 y 坐标,进行一些计算,然后重定向到不同的页面。但是,当我在此页面上使用 Google Chrome 时,我发现 x 和 y 坐标未发布,因此此表单不起作用。

问题:
这是 Chrome 的典型行为还是我错过了什么?如果是验证问题,我该如何找出罪魁祸首?

示例:

<form action="FORMACTION" name="MyForm" id="MyForm" method="get">
...
    <input type="image" width="600" height="460" name="graphClick" 
        id="graphClick" src="IMAGESOURCE" alt="IMAGENAME" title="TITLETEXT"
        onclick="goToPage('action');">
...
</form>

注意:goToPage 是一个 javascript 函数,用于设置表单的操作并提交。

【问题讨论】:

    标签: html forms google-chrome get


    【解决方案1】:

    如果没有看到 goToPage() 的作用,就无法判断。但是在onclick 事件上设置表单的操作听起来有点奇怪,如果这是有趣行为的原因,我也不会感到惊讶。

    我敢打赌,如果您以正常方式设置动作,它会发布 x 和 y 坐标。

    也许goToPage 中执行的代码可以附加到表单的onsubmit 事件中?这可能会增加点击位置通过的机会。

    【讨论】:

    • graphClick 输入不是表单中的唯一输入。事实上,还有 9 个其他输入并且它们都正确提交,所以我怀疑 javascript 是问题所在,尽管我会尝试为表单设置一个静态操作,并在点击时提交表单。
    • @Robbie 其他 9 个输入也是图像吗?
    • @Pekka 不,它们是不是图像的输入:单选按钮、文本字段、复选框等。
    • @Robbie 不,我的意思是删除 onclick 事件并让表单以正常方式提交(这是图像表单元素的默认行为)。
    • @Pekka 你一直都是对的。我仍然有 onClick 事件更改表单的操作,但我让图像进行提交,而不是使用 javascript 来提交表单。它现在就像在所有其他浏览器中一样工作,并且它也继续在其他浏览器中工作。非常感谢!
    猜你喜欢
    • 2010-09-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-01-24
    • 2012-10-08
    • 1970-01-01
    • 1970-01-01
    • 2015-08-01
    相关资源
    最近更新 更多