Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/361.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否可以将选定内容仅绑定到一个框?_Javascript_Html_Css - Fatal编程技术网

Javascript 是否可以将选定内容仅绑定到一个框?

Javascript 是否可以将选定内容仅绑定到一个框?,javascript,html,css,Javascript,Html,Css,我有4个文本框,如本例所示: html,正文{ 身高:100%; 保证金:0; } .grid2x2{ 最小高度:100%; 显示器:flex; 柔性包装:包装; 弯曲方向:行; } .grid2x2>div{ 显示器:flex; 弹性基础:计算(50%-70px); 证明内容:中心; 弯曲方向:立柱; } .grid2x2>div>div{ 显示器:flex; 证明内容:中心; 弯曲方向:行; } .box{边距:20px;填充:15px;} .box1{背景色:红色;} .box2{背景色

我有4个文本框,如本例所示:

html,正文{
身高:100%;
保证金:0;
}
.grid2x2{
最小高度:100%;
显示器:flex;
柔性包装:包装;
弯曲方向:行;
}
.grid2x2>div{
显示器:flex;
弹性基础:计算(50%-70px);
证明内容:中心;
弯曲方向:立柱;
}
.grid2x2>div>div{
显示器:flex;
证明内容:中心;
弯曲方向:行;
}
.box{边距:20px;填充:15px;}
.box1{背景色:红色;}
.box2{背景色:橙色;}
.box3{背景色:紫色;}
.box4{背景色:灰色;}

他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。在vero eos et accusam et
他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。在vero eos et accusam et
他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。在vero eos et accusam et
他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。在vero eos et accusam et

您可以尝试使用该属性的组合,并阻止用户使用键盘事件进行编辑

var elements=document.getElementsByClassName('box');
for(var i=0,iLen=elements.length;i
html,正文{
身高:100%;
保证金:0;
}
.grid2x2{
最小高度:100%;
显示器:flex;
柔性包装:包装;
弯曲方向:行;
}
.grid2x2>div{
显示器:flex;
弹性基础:计算(50%-70px);
证明内容:中心;
弯曲方向:立柱;
}
.grid2x2>div>div{
显示器:flex;
证明内容:中心;
弯曲方向:行;
}
.box{边距:20px;填充:15px;}
.box1{背景色:红色;}
.box2{背景色:橙色;}
.box3{背景色:紫色;}
.box4{背景色:灰色;}

他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。在vero eos et accusam et
他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。在vero eos et accusam et
他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。在vero eos et accusam et
他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。在vero eos et accusam et

您可以使用
用户选择:无
并在焦点和活动状态下禁用它,以便仅选择当前元素

html,
身体{
身高:100%;
保证金:0;
}
.grid2x2{
最小高度:100%;
显示器:flex;
柔性包装:包装;
弯曲方向:行;
}
.grid2x2>div{
显示器:flex;
弹性基础:计算(50%-70px);
证明内容:中心;
弯曲方向:立柱;
}
.grid2x2>div>div{
显示器:flex;
证明内容:中心;
弯曲方向:行;
}
.盒子{
利润率:20px;
填充:15px;
大纲:无;
-moz用户选择:无;
用户选择:无;
}
.box:活动,
.盒子:焦点{
-moz用户选择:初始;
用户选择:初始;
}
.box1{
背景色:红色;
}
.box2{
背景颜色:橙色;
}
.box3{
背景颜色:紫色;
}
.box4{
背景颜色:灰色;
}

他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。在vero eos et accusam et
他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。在vero eos et accusam et
他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。在vero eos et accusam et
他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。在vero eos et accusam et

这是否回答了您的问题@我想你的答案只起了部分作用。当您开始在每个div之外进行选择时,您仍然可以一次选择全部。您可以对每个框使用
contenteditable=“true”
,然后您需要停止键入修改键盘事件的内容。@Darlesson这是一个想法,但实际上我没有选择,因为用例不同。这是我在这里展示的最小示例中的一个小工作。然后我将使用@temani afif选项。当您选择文本并松开文本时,允许焦点事件的tabindex是多少?@Mr.Joselected@Mr.Jo你能分享这个页面的链接吗?@Mr.Jo你不应该用我的代码编辑你的问题来显示它不起作用。你会让我的回答变得无关紧要。只需编辑您的问题,即可将更多详细信息添加到实际问题中example@Mr.Jo以下是您的代码: