jquery获取鼠标选中图片的方法
墨初 Web前端 429阅读
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()方法会返回选中的文字及图片。