评论时一键自动填写昵称邮箱网址信息

源码分享 · 2024-04-05 14:00

今天给大家分享一个如何在博客评论时一键自动填写昵称、邮箱和网址信息。通过简单的设置,你可以在评论框中自动填充预设的昵称、邮箱和网址,省去了每次填写这些信息的麻烦。这个功能对于经常在博客上留言的用户来说非常方便,可以节省时间并提供更流畅的评论体验。无论是博主还是访客,都可以受益于这个实用的技巧。

本人亲测,对于绝大部分的网站都是有效果的👍

实现原理

通过浏览器书签实现博客网站留言、评论时一键填写昵称、邮箱、网址信息。

具体操作

1.将本页添加到收藏夹保存为书签

2.右键刚刚创建的书签,选择“编辑”或“属性”

3.将“名称”一栏改为“一键填写留言评论信息”(见名知意即可,名称可换成其它的)

4.接着将“网址”或“地址”或“url”一栏原有的网址链接替换成下面的 javascript 代码(代码里面的相关个人信息改为自己的),然后保存即可。

2024-04-05T06:06:14.png

5.以后遇到留言或评论时,点一下你保存的这个书签即可自动一键填写个人信息。

javascript: void
function() {
    var lauthor = ["#author","input[name='comname']","#inpName","input[name='author']","#ds-dialog-name","#name","input[name='nick']","#comment_author"],
    lmail =["#mail","#email","input[name='commail']","#inpEmail","input[name='email']","#ds-dialog-email","input[name='mail']","#comment_email"],
    lurl =["#url","input[name='comurl']","#inpHomePage","#ds-dialog-url","input[name='url']","input[name='website']","#website","input[name='link']","#comment_url"];
    for (i = 0; i < lauthor.length; i++) {
        var author = document.querySelector(lauthor[i]);
        if (author != null) {
            author.value = '你的昵称';
            author.dispatchEvent(new Event('input'));
            author.dispatchEvent(new Event('change'));
            break;
        }
    }
    for (j = 0; j < lmail.length; j++) {
        var mail = document.querySelector(lmail[j]);
        if (mail != null) {
            mail.value = '你的邮箱';
            mail.dispatchEvent(new Event('input'));
            mail.dispatchEvent(new Event('change'));
            break;
        }
    }
    for (k = 0; k < lurl.length; k++) {
        var url = document.querySelector(lurl[k]);
        if (url != null) {
            url.value = '你的网址';
            url.dispatchEvent(new Event('input'));
            url.dispatchEvent(new Event('change'));
            break;
        }
    }
    return ! 1;
} ()
请注意:该脚本可能对PC端 Google Chrome 不兼容。

完!

评论 组件 源码分享

上一篇 : 外部链接跳转提示

下一篇 : Windows搭建FTP服务器教程


  1. 2024-04-09 10:32 第14楼 中国广西桂林市移动Windows 10 · Google Chrome

    😀不错,挺方便。谷歌可以用,压缩一下JS就行。

    1. 刘郎   博主
      2024-04-09 10:38 第15楼 中国贵州省移动Windows 10 · Google Chrome
      @蜡客小生

      哈哈,是的👍

  2. 2024-04-07 14:44 第9楼 中国安徽省安庆市电信Windows 10 · Google Chrome

    我用的谷歌浏览器不行啊,你测试用的是哪个浏览器?

    1. 刘郎   博主
      2024-04-07 14:46 第10楼 中国移动iPhone · Safari
      @胖氪笔记

      Windows 10 · QQ Browser、ios和安卓系统都可以正常用

      1. 2024-04-08 08:44 第11楼 中国安徽省安庆市电信Windows 10 · QQ Browser
        @刘郎

        QQ浏览器就可以了

        1. 刘郎   博主
          2024-04-08 09:25 第12楼 中国贵州省移动iPhone · Safari
          @胖氪笔记

          是的,我就是用QQ浏览器测试的。除了PC端 Google Chrome 不兼容,移动端貌似都是可以正常用的哦,我亲自测试过了😎

          1. 2024-04-08 09:26 第13楼 中国安徽省安庆市电信Windows 10 · Google Chrome
            @刘郎

            优秀

  3. 许大阳   访客
    2024-04-06 21:41 第5楼 中国江苏省无锡市电信Windows 10 · Google Chrome

    没反应

    1. 刘郎   博主
      2024-04-06 21:46 第6楼 中国移动iPhone · Safari
      @许大阳

      3楼和你一样😂,这个脚本应该不匹配 Google Chrome

      1. 许大阳   访客
        2024-04-06 21:49 第7楼 中国江苏省无锡市电信Windows 10 · Google Chrome
        @刘郎

        Chrome中存在一些安全策略限制不允许直接使用javascript:伪协议

        1. 刘郎   博主
          2024-04-06 21:55 第8楼 中国移动iPhone · Safari
          @许大阳

          应该可以自定义修改的,但不建议改🤔

  4. 2024-04-06 09:28 第3楼 中国福建省宁德市电信Windows 10 · Google Chrome

    Edge 可以嘛?我这里没有反应

    1. 刘郎   博主
      2024-04-06 10:09 第4楼 中国移动iPhone · Safari
      @湘铭呀!

      没用Edge浏览器,所以…… 需要自行尝试😂

  5. 老罗   Lv1
    2024-04-05 17:00 第1个脚印 中国广东省汕尾市移动Windows 10 · QQ Browser

    果然能用。

    1. 刘郎   博主
      2024-04-05 17:02 第2楼 中国贵州省移动iPhone · Safari
      @老罗

      能用就行😀

| 黔ICP备2024020400号-1 | 萌ICP备20246777号 | | 当前有 2 人在线 |
本站已加入BLOGS·CN
yjvc.cn
博友圈 星球穿梭
开往-友链接力