社区
JavaScript
帖子详情
input中的click 和其他div中的click不同导致不能和编辑器套接
海沿夕风
2018-09-13 03:13:50
现象一:
我触发div中的click时,编辑器的焦点会去掉;但我点击input中的按钮时,编辑器中的焦点不会去掉。
现象二:
如果我先点击input中的按钮,字体变化了,然后再点击div。也能控制字体了;焦点不会变化;
我想问:input中的click 和 div的click有什么不同。为什么编辑器能感受到input中的点击事件而不失去焦点?
...全文
470
1
打赏
收藏
input中的click 和其他div中的click不同导致不能和编辑器套接
现象一: 我触发div中的click时,编辑器的焦点会去掉;但我点击input中的按钮时,编辑器中的焦点不会去掉。 现象二: 如果我先点击input中的按钮,字体变化了,然后再点击div。也能控制字体了;焦点不会变化; 我想问:input中的click 和 div的click有什么不同。为什么编辑器能感受到input中的点击事件而不失去焦点?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
1 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
海沿夕风
2018-09-13
打赏
举报
回复
补交:这是在IE中才会出现这种情况。 在谷歌不会出现。
React H5 使用
div
自定义简单富文本
编辑器
最近项目
中
h5端要实现图文上传,而且还要支持用户用户输入的格式,例如换行啥的,那么使用输入控件保存输入内容,图片上传控件就不合适了,因为很难知道用户的输入样式。 如果使用一些现有的富文本
编辑器
,貌似又不是很划算,所以综合考虑使用
div
来自己实现一个就是比较理想的方案了。 先来考虑一下,如果使用
div
来实现简单的富文本
编辑器
,需要解决哪些问题? 首先,
div
默认是不可编辑的,需要设置它可以编辑,这个...
可编辑
div
按回车键的情况
这几天做一个网站的新闻
中
心后台,涉及到编辑新闻内容,包括图片,文字等,所以使用了一个文本
编辑器
。文本
编辑器
中
我放了一个
div
,然后在
div
里面编辑具体的新闻内容,我使用的是firefox,所以在编辑新闻时并没有发现什么不妥,文字,图片,段落划分均可以提交到数据库。但是做完之后使用google和IE测试了一下,发现问题了。 在google和IE测试时,发现我在
div
里面添加新闻时,
vue
中
input
输入框触发功能父子组件传值
字数限制输入框
点击
div
块进行文本编辑
工作需要,需要实现如下一个需求,点击模板
div
块,跳出文本
编辑器
对
div
文本内容进行编辑。实现效果图如下: 实现思路如下: 1.给每个需要编辑的
div
加上contenteditable="false"属性,表示暂不可编辑,之后写一个点击事件,点击当前
div
将当前
div
的contenteditable属性改为true,其他
div
都改为false。 2.第二步点击右侧文本编辑时,
input
隐藏域和layui图片上传问题
input
隐藏域和layui图片上传问题 layui上传图片时需要Button和url,表单也需要button和url,所以很多博客上写需要用js图片src进行一个操作,然后再调用js实现把图片的src给后台,但是这样的js还是很难看懂的,这里我使用
input
隐藏域优势,将问题隐藏一下。图片上传成功之后将图片的src保存在一个隐藏的
input
中
,在表单提交的时候同时就将src传过去了,并且代码也很轻便简单。 前台: <
div
> <label class="label">图片&
JavaScript
87,922
社区成员
224,618
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章