开启辅助访问 切换到宽版

精易论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

用微信号发送消息登录论坛

新人指南 邀请好友注册 - 我关注人的新帖 教你赚取精币 - 每日签到


求职/招聘- 论坛接单- 开发者大厅

论坛版规 总版规 - 建议/投诉 - 应聘版主 - 精华帖总集 积分说明 - 禁言标准 - 有奖举报

查看: 181|回复: 0
收起左侧

[分享] react填表无效 input 输入后

[复制链接]
结帖率:58% (14/24)
发表于 2024-11-8 09:09:03 | 显示全部楼层 |阅读模式   山西省大同市
现在很多网页都用react写的 直接置value是无效的 所以得用以下方式填入
[JavaScript] 纯文本查看 复制代码
function simulateInput(selector, value) {
  // 获取DOM元素
  let input = document.querySelector(selector);
  if (!input) {
    console.error('No input element found for selector:', selector);
    return;
  }

  // 保存原始值
  let lastValue = input.value;

  // 设置新值
  input.value = value;

  // 创建一个新的事件
  let event = new Event('input', { bubbles: true });

  // Hack for React 15
  event.simulated = true;

  // Hack for React 16 and above
  let tracker = input._valueTracker;
  if (tracker) {
    tracker.setValue(lastValue);
  }

  // 触发事件
  input.dispatchEvent(event);
}

// 使用函数
simulateInput(".space-search-paanel input", 5);

这是我在网上找的可以填写的JS代码,大部分填表够用了,不过还是有点瑕疵,我在某一个电商网页填表的时候 当输入规格内容后,会在另一个地方生成一个此规格的价格和库存的表格 但是用这个js无法触发相应效果
您需要登录后才可以回帖 登录 | 注册

本版积分规则 致发广告者

发布主题 收藏帖子 返回列表

sitemap| 易语言源码| 易语言教程| 易语言论坛| 易语言模块| 手机版| 广告投放| 精易论坛
拒绝任何人以任何形式在本论坛发表与中华人民共和国法律相抵触的言论,本站内容均为会员发表,并不代表精易立场!
论坛帖子内容仅用于技术交流学习和研究的目的,严禁用于非法目的,否则造成一切后果自负!如帖子内容侵害到你的权益,请联系我们!
防范网络诈骗,远离网络犯罪 违法和不良信息举报电话0663-3422125,QQ: 793400750,邮箱:wp@125.la
Powered by Discuz! X3.4 揭阳市揭东区精易科技有限公司 ( 粤ICP备12094385号-1) 粤公网安备 44522102000125 增值电信业务经营许可证 粤B2-20192173

快速回复 返回顶部 返回列表