点击背景图片_html/css_WEB-ITnose
程序员文章站
2022-06-09 10:07:53
...
用一个小图片做一个背景,我想监听小图片的点击事件,应该怎么监听。
.libiao_menu{ background:url("images/1.gif") no-repeat 0 -41px;}
我就想监听这个1.gif图片点击事件。
如果你是用的Jquery的话:
如果你是普通的JS代码的话:
当你点击图片的话,就会出现个对话框,提示This is a picture
.libiao_menu{ background:url("images/1.gif") no-repeat 0 -41px;}
我就想监听这个1.gif图片点击事件。
回复讨论(解决方案)
可以通过坐标判断模拟
没有直接的判断吗? 通过坐标模拟判断说具体点,谢谢。
在图片上放一个透明的标签,大小调成跟图片一样,然后监听这个标签的click事件。
背景图片监听是什么意思?
监听 .libiao_menu 不行吗?
是不是 .libiao_menu 里面还有别的东西,点那个不处罚这个监听?
如果是这样的话,监听.libiao_menu ,然后在里面的内容里监听别的,然后停止冒泡
假设你的图片是:
如果你是用的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楼的答案啊
上一篇: Maven 测试插件failsafe 与 surefire 区别
下一篇: 前端面试题整理汇总