Javascript 单击图像将url粘贴到文本字段中

我在以下问题上有点困惑，我想我对如何进行有一个想法，但我不是100%确定。我实现了一个PHP web scraper来从URL获取数据。正如您所见，在9gag主页上找到的图像，正正确地显示在前端

我现在的问题是，如果用户单击其中一个图像，我希望在第一个表单的文本字段“URL”中发布图像的直接URL。这是用JQuery/JS完成的吗？比如点击事件之类的？非常感谢您的任何反馈，让我走上正轨

提前谢谢

以下是前端：

---

您可以按如下方式操作：-

$('img').on('click',function(){
  //using id
  $('#url-text-field-id').val($(this).attr('src'));
   //using class
  $('.url-text-field-class').val($(this).attr('src'));
});

注意：-您需要在此代码之前添加jQuery库，并在页面底部添加此代码

示例：-

$（'img'）。在（'click'，function（）上{
//使用id
$（'#url_image'）.val（$（this.attr（'src'））；
//使用类
$（'.url_img'）.val（$（this.attr（'src'））；
});
img{
光标：指针；
}








在单击事件时使用jquery——并从“this”读取img.src…jquery或vanilla，onclick事件，将
src
属性放入输入的
值
属性中。在Google上搜索大量示例。$（'.img_class'）。单击（function（）{$（'#text_field'））.val（$（this.attr（'src'））；}）；很抱歉，我忘记了这个主题，我会相应地更新@莫亚很高兴帮助你：）：）