使用Window.getSelection()加粗/取消加粗所选文本是通过JavaScript中的DOM方法来实现的。该方法返回一个Selection对象,表示用户选择的文本范围。
要加粗所选文本,可以使用以下代码:
var selection = window.getSelection();
var range = selection.getRangeAt(0);
var span = document.createElement("span");
span.style.fontWeight = "bold";
range.surroundContents(span);
上述代码首先获取用户选择的文本范围,然后创建一个<span>元素,并设置其样式为加粗。最后,使用range.surroundContents()方法将选中的文本包裹在<span>元素中,从而实现加粗效果。
要取消加粗所选文本,可以使用以下代码:
var selection = window.getSelection();
var range = selection.getRangeAt(0);
var span = document.createElement("span");
span.style.fontWeight = "normal";
range.surroundContents(span);
上述代码与加粗操作类似,只是将<span>元素的样式设置为正常字体(即取消加粗)。
这种方法适用于前端开发中需要对用户选择的文本进行样式修改的场景,比如富文本编辑器、文章阅读器等。
腾讯云相关产品中,与前端开发和云计算相关的有云服务器(CVM)、云函数(SCF)、云存储(COS)等。具体产品介绍和链接地址可以参考腾讯云官方文档:
以上是对使用Window.getSelection()加粗/取消加粗所选文本的完善且全面的答案。
领取专属 10元无门槛券
手把手带您无忧上云