当前位置: 首页 > news >正文

抖音自动化-实现给特定用户发私信

dy私信赋值内容

抖音私信赋值内容 抖音自动化-实现给特定用户发私信

​在控制台执行js代码, 给这里面的输入框赋值,并且让它监测到改变​

以下是可直接在控制台执行的JS代码,专门针对你提供的富文本结构进行赋值并触发变更检测(基于Draft.js编辑器特性):

// 定位富文本核心元素
const block = document.querySelector('div[data-offset-key="foo-0-0"].public-DraftStyleDefault-block');
const editor = document.querySelector('.public-DraftEditor-content[contenteditable="true"]');
​
if (block && editor) {// 1. 清空原有内容并设置新值(保持DOM结构一致)block.innerHTML = `<span data-offset-key="foo-0-0"><span data-text="true">这里是要设置的内容</span></span>`;
​// 2. 模拟光标聚焦(编辑器需要感知焦点状态)editor.focus();// 定位光标到内容末尾(关键步骤)const selection = window.getSelection();const range = document.createRange();range.setStartAfter(block.querySelector('[data-text="true"]'));range.setEndAfter(block.querySelector('[data-text="true"]'));selection.removeAllRanges();selection.addRange(range);
​// 3. 触发编辑器识别的事件链(核心逻辑)['input', 'change', 'keyup'].forEach(eventType => {const event = new Event(eventType, {bubbles: true,cancelable: true,composed: true});editor.dispatchEvent(event);});
​// 4. 模拟输入完成(可选)editor.blur();
​console.log('赋值成功,已触发编辑器变更检测');
} else {console.error('未找到目标富文本元素,请检查选择器是否正确');
}
// 定位富文本核心元素 
const block = document.querySelector('div[class*="public-DraftStyleDefault-block"][data-offset-key*="-0-0"]');
const editor = document.querySelector('.public-DraftEditor-content[contenteditable="true"]');
​
if (block && editor) {// 1. 清空原有内容并设置新值(保持DOM结构一致)block.innerHTML = `<span data-offset-key="foo-0-0"><span data-text="true">这里是要设置的内容3</span></span>`;
​// 2. 模拟光标聚焦(编辑器需要感知焦点状态)editor.focus();// 定位光标到内容末尾(关键步骤)const selection = window.getSelection();const range = document.createRange();range.setStartAfter(block.querySelector('[data-text="true"]'));range.setEndAfter(block.querySelector('[data-text="true"]'));selection.removeAllRanges();selection.addRange(range);
​// 3. 触发编辑器识别的事件链(核心逻辑)['input', 'change', 'keyup'].forEach(eventType => {const event = new Event(eventType, {bubbles: true,cancelable: true,composed: true});editor.dispatchEvent(event);});
​// 4. 模拟输入完成(可选)editor.blur();
​console.log('赋值成功,已触发编辑器变更检测');
} else {console.error('未找到目标富文本元素,请检查选择器是否正确');
}

使用说明:

  1. 直接复制上述代码到浏览器控制台(F12打开)

  2. 这里是要设置的内容替换为你需要的文本

  3. 执行代码即可

核心原理:

  • 严格遵循Draft.js的DOM结构要求,用<span data-text="true">包裹文本

  • 通过window.getSelection()设置光标位置,模拟真实输入后的光标状态

  • 触发input(内容变更)、change(数据同步)、keyup(输入完成)事件链,确保编辑器内部状态更新

如果执行后内容未生效,可能是因为页面有动态加载延迟,可尝试刷新页面后重新执行。

// 定位富文本核心元素
const block = document.querySelector('div[data-offset-key="foo-0-0"].public-DraftStyleDefault-block');
const editor = document.querySelector('.public-DraftEditor-content[contenteditable="true"]');
​
if (block && editor) {// 1. 清空原有内容并设置新值(保持DOM结构一致)block.innerHTML = `<span data-offset-key="foo-0-0"><span data-text="true">这里是要设置的内容</span></span>`;
​// 2. 模拟光标聚焦(编辑器需要感知焦点状态)editor.focus();// 定位光标到内容末尾(关键步骤)const selection = window.getSelection();const range = document.createRange();range.setStartAfter(block.querySelector('[data-text="true"]'));range.setEndAfter(block.querySelector('[data-text="true"]'));selection.removeAllRanges();selection.addRange(range);
​// 3. 触发编辑器识别的事件链(核心逻辑)['input', 'change', 'keyup'].forEach(eventType => {const event = new Event(eventType, {bubbles: true,cancelable: true,composed: true});editor.dispatchEvent(event);});
​// 4. 模拟输入完成(可选)editor.blur();
​console.log('赋值成功,已触发编辑器变更检测');
} else {console.error('未找到目标富文本元素,请检查选择器是否正确');
}

加强版 去除空白行

// 定位富文本元素(模糊匹配offsetKey)
const block = document.querySelector('div[class*="public-DraftStyleDefault-block"][data-offset-key*="-0-0"]');
const editor = document.querySelector('.public-DraftEditor-content[contenteditable="true"]');
const message = "你好啊"; // 引入外部变量
​
if (block && editor) {{// 动态获取当前block的offsetKey(适配动态变化)const offsetKey = block.getAttribute('data-offset-key');// 设置内容为message(单行字符串避免空白行)block.innerHTML = `<span data-offset-key="${{offsetKey}}"><span data-text="true">${{message}}</span></span>`;
​// 聚焦并定位光标到内容末尾editor.focus();const selection = window.getSelection();const range = document.createRange();const textNode = block.querySelector('[data-text="true"]');range.setStartAfter(textNode);range.setEndAfter(textNode);selection.removeAllRanges();selection.addRange(range);
​// 触发事件链['input', 'change', 'keyup'].forEach(eventType => {{const event = new Event(eventType, {{bubbles: true,cancelable: true,composed: true}});editor.dispatchEvent(event);}});
​editor.blur();console.log('赋值成功,无空白行,已适配动态offsetKey');
}} else {{console.error('未找到目标富文本元素');
}}

// 定位富文本元素(模糊匹配offsetKey)
const block = document.querySelector('div[class*="public-DraftStyleDefault-block"][data-offset-key*="-0-0"]');
const editor = document.querySelector('.public-DraftEditor-content[contenteditable="true"]');
​
if (block && editor) {// 动态获取当前block的offsetKey(适配动态变化)const offsetKey = block.getAttribute('data-offset-key');// 设置内容(单行字符串避免空白行)block.innerHTML = `<span data-offset-key="${offsetKey}"><span data-text="true">你好</span></span>`;
​// 聚焦并定位光标到内容末尾editor.focus();const selection = window.getSelection();const range = document.createRange();const textNode = block.querySelector('[data-text="true"]');range.setStartAfter(textNode);range.setEndAfter(textNode);selection.removeAllRanges();selection.addRange(range);
​// 触发事件链['input', 'change', 'keyup'].forEach(eventType => {const event = new Event(eventType, {bubbles: true,cancelable: true,composed: true});editor.dispatchEvent(event);});
​editor.blur();console.log('赋值成功,无空白行,已适配动态offsetKey');
} else {console.error('未找到目标富文本元素');
}
// 定位富文本元素(模糊匹配offsetKey)
const block = document.querySelector('div[data-offset-key^="foo-"].public-DraftStyleDefault-block');
const editor = document.querySelector('.public-DraftEditor-content[contenteditable="true"]');
​
if (block && editor) {// 动态获取当前block的offsetKey(适配动态变化)const offsetKey = block.getAttribute('data-offset-key');// 设置内容(单行字符串避免空白行)block.innerHTML = `<span data-offset-key="${offsetKey}"><span data-text="true">在干嘛</span></span>`;
​// 聚焦并定位光标到内容末尾editor.focus();const selection = window.getSelection();const range = document.createRange();const textNode = block.querySelector('[data-text="true"]');range.setStartAfter(textNode);range.setEndAfter(textNode);selection.removeAllRanges();selection.addRange(range);
​// 触发事件链['input', 'change', 'keyup'].forEach(eventType => {const event = new Event(eventType, {bubbles: true,cancelable: true,composed: true});editor.dispatchEvent(event);});
​editor.blur();console.log('赋值成功,无空白行,已适配动态offsetKey');
} else {console.error('未找到目标富文本元素');
}

点击发送

(() => {// 类名包含匹配(兼容动态类名)const sendBtn = document.querySelector('span[class*="PygT7Ced"][class*="e2e-send-msg-btn"]');if (sendBtn && sendBtn.getAttribute('disabled') !== 'true' && sendBtn.getAttribute('aria-disabled') !== 'true') {sendBtn.click();return true;}return false;
})();
http://www.dtcms.com/a/585596.html

相关文章:

  • 安徽省教育基本建设学会网站查看网站被百度收录
  • LeetCode算法学习之旋转数组
  • webrtc降噪-NoiseSuppressor类源码分析与算法原理
  • openEuler容器化实践:从Docker入门到生产部署
  • Spring Security实战代码详解
  • ES6 Promise:告别回调地狱的异步编程革命
  • 企业网站备案教程免费建设网站抽取佣金
  • seo网站诊断流程公司网站建设费用会计处理
  • 与Figma AI对话的对话框在哪里?
  • 【科研绘图系列】R语言绘制微生物箱线图(box plot)
  • 禅城区网站建设管理网站模板下载免费下载
  • 前端微服务化
  • Linux 软件安装 “命令密码本”:yum/apt/brew 一网打尽
  • 做网站框架显示不出来中国最大的软件公司
  • 轻量级云原生体验:在OpenEuler 25.09上快速部署单节点K3s
  • 程序员 给老婆做网站网站建设 海南
  • 解释 StringRedisTemplate 类和对象的作用与关系
  • MATLAB遗传算法优化RVFL神经网络回归预测(随机函数链接神经网络)
  • 建设网站的知识竞赛国家建设网站
  • ROS2 Humble 笔记(七)标准与自定义 Interface 接口
  • 深入探索序列学习:循环神经网络(RNN)及其变体(LSTM、GRU)的详尽解析
  • 永川区做网站临沂网站建设方案报价
  • B哩B哩车机版专为汽车端或大屏设备开发
  • 一种基于视网膜图像的深度学习系统 DeepRETStroke
  • 2025汽车零部件行业数字化转型落地方案
  • 前后端分离和传统非分离(后端渲染)方案的核心差异
  • 【ZeroRange WebRTC】在自有 AWS 环境实现与 Amazon KVS 等效的 WebRTC 安全方案(落地指南)
  • 用wordpress建站要不要用宝塔网页制作基础教程免费
  • 深入解析红黑树:高效平衡的艺术
  • 李云飞:比亚迪将坚持磷酸铁锂电池路线