React 模拟点击事件

作者：凡人多烦事01 | 2024-05-06 04:18:36

踩

react 模拟点击

对于点击事件

 imgRef.current.dispatchEvent(new MouseEvent('click', { bubbles: true }));
1

React模拟点击事件是用的原生模拟，一定要加上{ bubbles: true }，冒泡

对于输入框React 16和React> = 15.6

const nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value").set;
nativeInputValueSetter.call(inputRef.current, '123');

inputRef.current.dispatchEvent(new Event('input', { bubbles: true}));
1
2
3
4

对于textarea元素，你应该使用prototype的HTMLTextAreaElement类
参考地址

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/凡人多烦事01/article/detail/542459