2

背景画像に対して相対的に設定された画像があります。クリックで関数を呼び出したいのですが、問題に直面しているようです。ハイパーリンクは機能しているようですが、関数が呼び出されていません。これは私のコードがどのように見えるかです

<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();
}
4

4 に答える 4

3

abc() の呼び出しが機能していないことを 100% 確信していますか? コンソール ログにエラーはありますか。

また、イベントのバブリングを検討することもできます。画像をクリックすると、そのイベントが発生します。これは a 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 関数よりもさらにバブリングするのを防ぎます。

于 2013-10-19T10:10:08.710 に答える
1

あなたimgはaタグ内にあるため、画像をクリックすると がクリックされ、aハイパーリンクが機能していることがわかります。

代わりに onclick を置くとa、関数呼び出しがトリガーされます。

于 2013-10-19T09:49:46.637 に答える
0

function abc()内部スクリプトタグを追加するだけです

<script type="text/javascript">
    function abc() {
        alert("Success");
    }
</script>
于 2013-10-19T10:01:31.553 に答える
0

これを試して、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>
于 2013-10-19T09:49:16.650 に答える