js实现单击放大图片双击缩小图片的效果

最新推荐文章于 2024-10-13 20:55:11 发布

水晶幕夜

最新推荐文章于 2024-10-13 20:55:11 发布

阅读量7.5k

点赞数 2

分类专栏：兼容性 javascript 图片操作

本文链接：https://blog.csdn.net/qq_32526373/article/details/83791290

版权

本文介绍如何使用JavaScript实现一个功能，当单击图片时图片放大，双击图片时图片缩小。通过监听点击事件，结合条件判断来控制图片的大小变化，为网页增添交互性。

摘要由CSDN通过智能技术生成

 < img src="test.jpg" width="100"  title="单击放大，双击缩小"  onclick="maxPic(event);"  ondblclick="minPic(event);">
 var clickTimer = null;
//单击放大照片
function maxPic(event){
   
   var event = window.event || event;
   var img = event.target || event.srcElement;
   if(clickTimer) {
   
   	window.clearTimeout(clickTimer);
   	clickTimer = null