ホームページ >ウェブフロントエンド >htmlチュートリアル >背景 image_html/css_WEB-ITnose をクリックします。

背景 image_html/css_WEB-ITnose をクリックします。

WBOY
WBOYオリジナル
2016-06-24 12:24:061047ブラウズ

小さい画像を背景として使用したいのですが、その小さい画像のクリックイベントを監視するにはどうすればよいですか。
.libiao_menu{background:url("images/1.gif") no-repeat 0 -41px;}
この 1.gif 画像のクリック イベントを監視したいだけです。


議論への返信(解決策)

シミュレーションは座標で判断できる

直接的な判断は無いの?より具体的にはコーディネートシミュレーションで判断していただきますようお願いいたします。

画像上に透明なラベルを配置し、画像と同じサイズになるように調整し、このラベルのクリック イベントをリッスンします。

背景画像モニタリングとはどういう意味ですか?
.libiao_menuを監視することはできませんか?
.libiao_menu には、クリックしても監視が罰せられないものはありますか?
この場合は、.libiao_menu を聞いてから、その中の他のコンテンツを聞いて、バブリングを停止します

画像が以下であると仮定します:

<img src='/test.jpg' id='test'/>

Jquery を使用している場合:
$(document).ready(    function(){        $('#test').click(            function(){                alert('this is a picture');            });});

通常の JS コードの場合:
window.onload=function(){    img1=document.getElementById('test');    img1.click=function(){        alert('This is a picture');    }}

画像をクリックすると、ダイアログ ボックスが表示され、「これは画像です

$(.libiao_menu).click(function(){
alert('clicked');
} );」というメッセージが表示されます。答えは5階にあります

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。