> 웹 프론트엔드 > HTML 튜토리얼 > 点击背景图片_html/css_WEB-ITnose

点击背景图片_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 12:24:06
원래의
1046명이 탐색했습니다.

用一个小图片做一个背景,我想监听小图片的点击事件,应该怎么监听。
.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" >
로그인 후 복사

如果你是用的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');    }}
로그인 후 복사

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

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

5楼的答案啊

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿