Heim > Web-Frontend > HTML-Tutorial > 点击背景图片_html/css_WEB-ITnose

点击背景图片_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:24:06
Original
1046 Leute haben es durchsucht

用一个小图片做一个背景,我想监听小图片的点击事件,应该怎么监听。
.libiao_menu{ background:url("images/1.gif") no-repeat 0 -41px;} 
我就想监听这个1.gif图片点击事件。


回复讨论(解决方案)

可以通过坐标判断模拟

没有直接的判断吗? 通过坐标模拟判断说具体点,谢谢。

在图片上放一个透明的标签,大小调成跟图片一样,然后监听这个标签的click事件。

背景图片监听是什么意思?
监听 .libiao_menu 不行吗?
是不是 .libiao_menu 里面还有别的东西,点那个不处罚这个监听?
如果是这样的话,监听.libiao_menu ,然后在里面的内容里监听别的,然后停止冒泡

假设你的图片是:

<img  src='/test.jpg' id='test'/ alt="点击背景图片_html/css_WEB-ITnose" >
Nach dem Login kopieren

如果你是用的Jquery的话:
$(document).ready(    function(){        $('#test').click(            function(){                alert('this is a picture');            });});
Nach dem Login kopieren

如果你是普通的JS代码的话:
window.onload=function(){    img1=document.getElementById('test');    img1.click=function(){        alert('This is a picture');    }}
Nach dem Login kopieren

当你点击图片的话,就会出现个对话框,提示This is a picture

$(.libiao_menu).click(function(){
   alert('clicked');
});

5楼的答案啊

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage