「备忘」原生 JS 监听未来元素事件实例

吐槽/反馈/建议:我的咸鱼心  爱发电-@wdssmq  FeedsPub-wdssmq

最近发现的一个社区化(?)或者说分布式的微博系统——Mastodon(官方中文译万象,网民又称长毛象),简单说就是任何人都可以使用其源码搭建一个微博站点并各自允许用户注册,不同站点的用户又可以相互发现和关注……

↓↓↓

注册 - 长毛象中文站

https://acg.mn/invite/DXwRtTMG

Mastodon - 搜索结果 - 知乎

https://www.zhihu.com/search?type=content&q=Mastodon

↑↑↑

其实关于 Mastodon 的介绍就只有上边这些。详细请自行注册了解……

问题是关注了几个更新纸片人的机器人后,发现 NSFW 太烦人了,,这个到是找到了现成的脚本:

↓↓↓

Mastodon NSFW Remover

https://greasyfork.org/zh-CN/scripts/29228-mastodon-nsfw-remover

↑↑↑

然而点击图片后加载大图实在略慢。。试着写了下边代码实现在鼠标划过图片时自动替换为大图(虽然感觉效果和效果有偏差,先发出来再调整)

// 原生js未来元素事件监听的写法 - 笑场 - CSDN博客
// https://blog.csdn.net/xianglikai1/article/details/76100177

// JS获取元素属性和自定义属性 - 马优晨 - CSDN博客
// https://blog.csdn.net/qq_24147051/article/details/77976844
(function () {
  "use strict";
  function $n(e) {
    return document.querySelector(e);
  }
  function $na(e) {
    return document.querySelectorAll(e);
  }
  // 直觉应该用mouseenter,然而并不是
  $n(".app-holder").addEventListener("mouseover", function (e) {
    console.log(e.target);
    console.log(e.target.nodeName);
    console.log(e.target.className || "class为空");
    // 实际代码
    if (e.target.nodeName === "IMG") {
      let src = e.target.getAttribute("src");
      src = src.replace("small", "original");
      e.target.setAttribute("src", src);
      let srcset = e.target.getAttribute("srcset");
      srcset = srcset.replace("small", "original");
      e.target.setAttribute("srcset", srcset);
    }
  }, false);
})();

爱发电

本文标题:《「备忘」原生 JS 监听未来元素事件实例》作者:沉冰浮水
原文链接:https://www.wdssmq.com/post/20190316472.html
特别注明外均为原创,转载请注明。

分享到微信

扫描二维码

可在微信查看或分享至朋友圈。

相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

网站分类

搜索

本周旧文

乐高 DC 里,(基本就蝙蝠侠家,,年龄最小的那个无论是谁感觉人设都会变得一样 - -

所以,就感觉和祥林嫂一样,每天都需要向外「签到」自己的情绪感受,然而又并没有什么「需要」我这样的签到……

只要梦里出现学校的概念,形式和反抗好像也都不重要了,,天还没亮,骑自行车去上学,没走多远「想起来」并不需要上学的,下来搬起车原地调头然后推回家。。

《K 星异客》里,「青鸟」真的是等来的,或者说是突然出现然后引发改变的外部因素。。。

梦的最后也是又一次意识到教室里的同学只是幻境中的投影,被困住的只有我;虽然也终于总结出,在梦里从来没有和同学的投影有过冲突和争执,甚至还附和我反驳「管理者」身份被进一步放大并不特指某一个人的老师。。

就和大脑会突然播放某一首歌一样,「讨厌自己」这句话也是自己突然就会播放一次,然后频率更高。。

学校,学校,学校,总是梦到学校,,就好像灵魂被诅咒禁固一样。。

拟造轻小说标题:《爱上网冲浪的山本同学总是滥用讨人嫌的罗马音缩写这件事》,简称《山本罗马音》

英文是一种语言的「文字」,所以英文缩写也是「文字的缩写」;对应到中文也应该是对「文字」进行缩写,而不是「读音的符号化表示的缩写」;这也是为什么反对用拼音当变量名,拼音只是将中文这一语言的「读音」图形化表达的工具,我们直接使用的是语言的「文字」和「读音」;

——甚至标准的拼音应该带上声调……

小主机作为服务器使用,发现开机时如果不接显示器,,再接上就没视频信号(HDMI 接口),只能重启。

之前听说过显示卡欺骗器,想着插 VGA 口上,实际使用走 HDMI,然而买了一个发现都是公头。。这东西输入输出都不统一的么 - -

姑且可以退货重新下单了 VGI 口的。。(╯﹏╰)

所以,这种情况确实是用这个方案来解决的吧。。

爱发电支持者

最新留言

友情链接

  • 订阅本站的 RSS 2.0 新闻聚合
召唤伊斯特瓦尔