时间戳

首页 > 解决方案 > 检测用户是否在末尾粘贴了带有 jpg、gif 或 png 的链接

javascript - 检测用户是否在末尾粘贴了带有 jpg、gif 或 png 的链接

问题描述

我正在尝试创建一个脚本来检测用户粘贴的 URL 末尾是否有“jpg”、“gif”或“png”。

现在我一直在尝试抓取用户粘贴的 URL，以便甚至可以对其进行分析。我可以获得帮助吗？

HTML

<a href="www.imgur.com/dog.jpg">Link1</a>
<br>
<a href="www.digg.com">Link2</a>
<br>
<input type=text class="snax-link-url" />

jQuery

$('a[href]').filter(function() {
  return /\.(jpg|gif|png)$/.test($(this).attr('href'))
}).on('mouseover', function(){
  alert('foo');
})

$('.snax-link-url').on("paste", function(){    
alert('pasted')  ;
  
});         
var value = $('.snax-link-url').val();

if($('.snax-link-url').val() != ''){   
      alert(value);
}

JSfiddle https://jsfiddle.net/vh7wqrk5/1/

标签： javascripthtmljquery

解决方案

下面的片段可以帮助你

$('input.snax-link-url').on("paste", function(e) {
  const val= e.originalEvent.clipboardData.getData('text');
  console.log(val)
});
<a href="www.imgur.com/dog.jpg">Link1</a>
<br>
<a href="www.digg.com">Link2</a>
<br>
<input type=text class="snax-link-url" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

推荐阅读