Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature]: 在node节点,设置了input,删除input中的内容时,节点会被删除 #1999

Closed
hanChao-IsBigPenisBoy opened this issue Dec 9, 2024 · 3 comments
Labels

Comments

@hanChao-IsBigPenisBoy
Copy link

hanChao-IsBigPenisBoy commented Dec 9, 2024

我的想法是,如果我自定义了其中的内容,能不能把节点的移动,删除,等一些系统的操作,放在头部进行, 在操作框架内置的鼠标事件,或者是键盘事件时,需要先点击头部,然后才能进行操作,这样就不会影响组件内部

codesandbox 代码地址

1733720855046

@EdwinOlders11
Copy link

EdwinOlders11 commented Dec 9, 2024

你可以在<input />标签的 onkeydown 事件里使用 e.stopPropagation(); 来阻止事件冒泡,这样就节点就不会收到键盘相关事件了,比如删除,但<input />元素本身没事
你好像用了VUE,那么就是在元素上添加 v-on:keydown.stop 即可,其他的比如拖动等也是类似
希望能帮到你

@hanChao-IsBigPenisBoy
Copy link
Author

你可以在标签的 onkeydown 事件里使用 e.stopPropagation(); 来阻止事件冒泡,这样就节点就不会收到键盘相关事件了,比如删除,但元素本身没事 你好像用了VUE,那么就是在元素上添加 v-on:keydown.stop 即可,其他的比如拖动等也是类似 希望能帮到你

如果我是使用了Monaco Editor 这种类型的组件,我是不是可以直接给外面的挂载的div,添加v-on:keydown.stop 也能处理这个问题,虽然我没有试过,不知道能不能行

@hanChao-IsBigPenisBoy
Copy link
Author

你可以在标签的 onkeydown 事件里使用 e.stopPropagation(); 来阻止事件冒泡,这样就节点就不会收到键盘相关事件了,比如删除,但元素本身没事 你好像用了VUE,那么就是在元素上添加 v-on:keydown.stop 即可,其他的比如拖动等也是类似 希望能帮到你

我好像知道怎么弄了,感谢

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants