hi,欢迎访问本站!
当前位置: 首页Web前端正文

jquery获取鼠标选中图片的方法

墨初 Web前端 326阅读

jquery想要获取鼠标选中的图片,可以使用mouseup鼠标事件。只需要获取鼠标点击时的元素的信息,就能获取到图片的信息。

jquery获取鼠标选择中的图片

例:

<!--  --> 
<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<img src="https://www.73so.com/img/logo.png" >
<img src="https://www.73so.com/artimgs/js_1.png" >
<script>
// 鼠标mouseup事件
$(document).on('mouseup', function(){
    var selectedImgSrc = window.getSelection().getRangeAt(0).startContainer.parentNode.getAttribute('src');
    // 输出图片的链接
    console.log(selectedImgSrc);
});
</script>

上面的示例代码中,jquery监听了鼠标mouseup事件,当鼠标选中了图片后getSelection()方法会返回选中的文字及图片。

声明:无特别说明,转载请标明本文来源!
相关推荐