Google chrome 版本 72.0.3626.81 bug 或代码错误？

Question

我有 Google chrome 版本 72.0.3626.81 无法正常工作，但当我使用版本 71 时它可以正常工作。

如何进行以下工作？

<img src="abcd/720p.jpg" usemap="map_sync" id="spmain">
<map name="map_sync" class="maps" id="map_sync">
        <area shape="rect" coords="225, 214, 1053, 298" nohref="" onclick="eid();">       
        <area shape="rect" coords="224, 319, 1052, 403" nohref="" onclick="no_eid();">                     
      </map>

None 中的 javascript 方法在 72 稳定版上执行，但在 71 上它有效。我重新测试了对齐方式，地图对齐方式也正确

是BUG还是代码问题？

Answer 1

在Googlechrome72

FAIL 72 - $('#spmain').attr('usemap', 'map_sync');
WORKS 72 - $('#spmain').attr('usemap', '#map_sync');

Answer 2

在地图名称中添加 # 对我有用。

这是 Jsf (Primefaces) 的查找方式

<p:commandLink rendered="#{user.calendar}" 
    oncomplete="PF('planningBoxDialog').show();" >
    <p:graphicImage
        value="#{appointment.planning.streamedContent}"
        id="streamedContent"
        cache="FALSE" usemap="#indicatorMap">
    </p:graphicImage>
</p:commandLink>
<map name="#indicatorMap">
    <area coords="0,0,10,10"
          title="#{appointment.planning.planningBoxTooltipTopLeft}"
                  onclick="rc_planning();"/>
    <area coords="10,0,20,10"
          title="#{appointment.planning.planningBoxTooltipTopRight}"
          onclick="rc_planning();"/>
    <area coords="0,10,10,20"
          title="#{appointment.planning.planningBoxTooltipBottomLeft}"
          onclick="rc_planning();"/>
    <area coords="10,10,20,20"
          title="#{appointment.planning.planningBoxTooltipBottomRight}"
          onclick="rc_planning();"/>

Google chrome 版本 72.0.3626.81 bug 或代码错误？

Google chrome Version 72.0.3626.81 bug or code error?

html

javascript

google-chrome

chromium