Question

我在创建地图编辑器时正在进行测试，点击图片时，它将显示点击的结果

我不想重新加载页面，因此我在使用preventDefault（）时用户点击地图..

我在chrome中尝试了这个并且它工作正常，但在Firefox上，它只是重新加载..

我还尝试删除图片中的ismap属性，并preventDefault()正常工作。但我仍然希望ismap标记中包含img属性

我搜索了类似的问题，试图根据他们的建议解决它来到这些代码：

<html>
<head>
    <script type="text/javascript" src="jquery-2.0.3.min.js"></script>
    <script type="text/javascript">

    $(function(){
        $('#test').bind('click', function(e){
            e.preventDefault();
            //some more codes here..
            $('#output').append('success');
        });
    });
    </script>
</head>
<body>
    <a href="preventDefault.html" id="test"><img src="aup.jpg" ismap="ismap"/>      </a>
    <div id="output">

    </div>
</body>
</html>

文件名为preventDefault.html

仍然，代码适用于chrome但在firefox上是负面的我想要的是，如果我点击图片，“成功”应该附加到#output

我正在使用Firefox 26.0 和Chrome 31.0.1650.63

[ADDITION]

好吧，我以后想要创建的是一个地图编辑器，如果用户点击图像的任何区域，它将返回坐标，之后将保存到某个文件..这是一个教程我' m跟随：complex shapes。好吧，我希望链接不要重新加载.. 但是，它与建议的重复链接

不同

<map>
   <area>
</map>

标签，因为<map>标签已经有固定的坐标链接到图像..希望我清除了误解.. :)

Answer 1

正如您所说删除图像中的ismap属性并且preventDefault（）有效，可能问题在于此属性。

要在HTML5中使用自定义数据属性，您必须在属性名称前使用attr标记，因此属性名称应为attr-ismap。

有关HTML5自定义数据属性（data- *）的更多信息：http://html5doctor.com/html5-custom-data-attributes/

尝试此修复并告诉我，希望它有所帮助！

<强> [EDITED]

ismap是img标签的自定义属性，因此无需成为HTML5自定义数据属性。

抱歉！

当ismap添加到firefox中的图像链接时，preventDefault不起作用

1 个答案: