Javascript 如何通过与文本相同的方式双击来选择/突出显示图像

我正在尝试找出如何“选择”图像。也就是说，如果您双击此页面上的任何文本，该单词将突出显示/选中

是否可以对图像执行相同的操作

这里有一些内容。双击一个单词以“选择”它。现在试试
请注意，它没有被选中。

下面是一个关于通过javascript以编程方式进行选择的小示例。很有趣的是，可以看到API类的文档和API类

var btnToggleSelection=document.getElementById（'toggleSelection'）；
btnToggleSelection.imgSelected=false；
btnToggleSelection.addEventListener（'click'，函数（e）{
如果（此imgSelected）{
/*取消选择图像*/
选举（）；
this.innerHTML=“选择”；
}否则{
/*选择图像*/
var s=window.getSelection（）；
var r=document.createRange（）；
r、 选择节点（document.images[0]）；
s、 addRange（r）；
this.innerHTML=“取消选择”；
}
this.imgSelected=！this.imgSelected；
});
函数{
if（window.getSelection）{
如果（window.getSelection（）.empty）{//Chrome
window.getSelection（）.empty（）；
}else if（window.getSelection（）.removeAllRanges）{//Firefox
getSelection（）.removeAllRanges（）；
}
}else if（document.selection）{//IE
document.selection.empty（）；
}
}

选择

只需将属性添加到

img

标签

contenteditable

即可让用户双击选择

“如何通过单击来选择图像”-问题标题中的单选或双选？@nnnnnn。我只是对选择图像感兴趣…奇怪的是，这似乎有一些浏览器问题-使用MS Edge，它似乎不起作用，但阅读起来很有趣（我确定我可以找出使其在Edge中工作所需的更改）我不相信这对浏览器是真的？Chrome是，但IE或Edge不是，我检查了contenteditable的浏览器兼容性。。这表明它在IEI中工作。我在第一次评论中提供了一个链接。试试看！例如，contenteditable在DIV标记中工作良好，但在IE/Edge中似乎不适用于图像