Question

我有一个相对于背景图像设置的图像。我想在点击上调用一个函数，但我似乎遇到了一个问题。超链接似乎正在工作但函数未被调用。这就是我的代码的样子

<img src=".."  width="100%" height="80"   id="ril_logo"/>
     <div id="logo-wrapper1">
    <img src="..."  width="5%" height="45"/>
     </div>
     <div id="logo-wrapper2">
    <a href="#">
            <img id="charger" onclick="abc();"  src=".."  width="4%" height="50" /> 
    </a>
     </div>



function abc()
{
        alert();
}

Answer 1

您是否100％确定对abc（）的调用无效？控制台日志中是否有任何错误。

您也可以考虑事件冒泡。你单击图像，它会触发它的事件。然后气泡到一个href元素，然后气泡到下一个可用元素等等。

您的代码可以更改为：

<img id="charger" onclick="abc(); return false;" src=".." width="4%" height="50" />

或

<img id="charger" onclick="return abc();" src=".." width="4%" height="50" />
function abc() { ... return false; }

这将阻止事件冒泡，而不是img onclick功能。

Answer 2

由于您的img位于a标记内，因此点击图片会导致点击a，因此您会看到超链接有效。

如果您将onclick放在a上，它将触发函数调用。

Answer 3

试试这个，然后src="imagepath"添加您的图片路径

<img src=".." width="100%" height="80" id="ril_logo" />
<div id="logo-wrapper1">
    <img src="..." width="5%" height="45" />
</div>
<div id="logo-wrapper2">
    <a href="#">
        <img id="charger" onclick="abc();" src=".." width="4%" height="50" />
    </a>
</div>
<script type="text/javascript">

    function abc() {
        alert();
    }
</script>

Answer 4

只需添加function abc()内部脚本标记

即可

<script type="text/javascript">
    function abc() {
        alert("Success");
    }
</script>

图像onclick无法正常工作

4 个答案: