Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.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 文本区域在Chrome中不可选择_Javascript_Html_Css_Google Chrome - Fatal编程技术网

Javascript 文本区域在Chrome中不可选择

Javascript 文本区域在Chrome中不可选择,javascript,html,css,google-chrome,Javascript,Html,Css,Google Chrome,在Google Chrome(我使用的是63.0.3239.132版本)中,是否可能使文本区域不可选择(仅内部文本不可选择) 在Edge、Explorer和Firefox中,这段代码有效,但在Chrome中不起作用 是否有其他样式属性要添加 .mytextarea{ 游标:默认值; -webkit触摸标注:无; -webkit用户选择:无; -khtml用户选择:无; -moz用户选择:无; -ms用户选择:无; -webkit用户选择:无; } 测试测试测试 请尝试下面的代码。用户将无法使用

在Google Chrome(我使用的是63.0.3239.132版本)中,是否可能使文本区域不可选择(仅内部文本不可选择)

在Edge、Explorer和Firefox中,这段代码有效,但在Chrome中不起作用

是否有其他样式属性要添加

.mytextarea{
游标:默认值;
-webkit触摸标注:无;
-webkit用户选择:无;
-khtml用户选择:无;
-moz用户选择:无;
-ms用户选择:无;
-webkit用户选择:无;
}
测试测试测试
请尝试下面的代码。用户将无法使用此CSS选择任何文本。我已经检查过很多浏览器,它们与所有浏览器都兼容,所以你可以使用这个CSS

因为最好有一个可供其他用户使用的解决方案,而不仅仅是提问者

$(文档).ready(函数(){
$('#objLog')。绑定(“选择”,函数(e){
e、 预防默认值();
$(this.text($(this.text());
返回false;
});
});
.mytextarea{
游标:默认值;
-webkit用户选择:无;
-webkit触摸标注:无;
-moz用户选择:无;
-ms用户选择:无;
-o-用户选择:无;
用户选择:无;
背景:#fff;
宽度:400px;
高度:100px;
颜色:灰色
}
.mytextarea::-moz选择{
颜色:灰色;
背景:#fff;
-webkit触摸标注:无;
-webkit用户选择:无;
-moz用户选择:无;
-ms用户选择:无;
用户选择:无;
}
.mytextarea::selection{
颜色:灰色;
背景:#fff;
-webkit触摸标注:无;
-webkit用户选择:无;
-moz用户选择:无;
-ms用户选择:无;
用户选择:无;
}

测试测试测试测试测试测试测试
请尝试下面的代码。用户将无法使用此CSS选择任何文本。我已经检查过很多浏览器,它们与所有浏览器都兼容,所以你可以使用这个CSS

因为最好有一个可供其他用户使用的解决方案,而不仅仅是提问者

$(文档).ready(函数(){
$('#objLog')。绑定(“选择”,函数(e){
e、 预防默认值();
$(this.text($(this.text());
返回false;
});
});
.mytextarea{
游标:默认值;
-webkit用户选择:无;
-webkit触摸标注:无;
-moz用户选择:无;
-ms用户选择:无;
-o-用户选择:无;
用户选择:无;
背景:#fff;
宽度:400px;
高度:100px;
颜色:灰色
}
.mytextarea::-moz选择{
颜色:灰色;
背景:#fff;
-webkit触摸标注:无;
-webkit用户选择:无;
-moz用户选择:无;
-ms用户选择:无;
用户选择:无;
}
.mytextarea::selection{
颜色:灰色;
背景:#fff;
-webkit触摸标注:无;
-webkit用户选择:无;
-moz用户选择:无;
-ms用户选择:无;
用户选择:无;
}


测试测试测试测试测试测试测试
如果需要,可以使用包装器div和类似的jQuery对其进行点号:

document.querySelector(#toggle”).addEventListener('click',()=>{
document.querySelector('.wrapper').classList.toggle(“禁用”);
});
.wrapper{
高度:100px;
宽度:400px;
}
.残疾人.面具{
位置:绝对位置;
排名:0;
左:0;
高度:100px;
宽度:390px;
z指数:10;
}
.disabled.mytextarea{
位置:绝对位置;
排名:0;
左:0;
左边距:1px;
z指数:0;
}
.面具{
z指数:0;
}
.mytextarea{
z指数:10;
}

测试测试
测试测试
测试测试
测试测试
测试测试
测试测试
测试测试
测试测试
测试测试
测试测试
测试测试
测试测试
测试测试
测试测试
切换

如果需要,您可以使用包装器div和类似的jQuery对其进行点画:

document.querySelector(#toggle”).addEventListener('click',()=>{
document.querySelector('.wrapper').classList.toggle(“禁用”);
});
.wrapper{
高度:100px;
宽度:400px;
}
.残疾人.面具{
位置:绝对位置;
排名:0;
左:0;
高度:100px;
宽度:390px;
z指数:10;
}
.disabled.mytextarea{
位置:绝对位置;
排名:0;
左:0;
左边距:1px;
z指数:0;
}
.面具{
z指数:0;
}
.mytextarea{
z指数:10;
}

测试测试
测试测试
测试测试
测试测试
测试测试
测试测试
测试测试
测试测试
测试测试
测试测试
测试测试
测试测试
测试测试
测试测试
切换
这也应该有效

.mytextarea::selection{
-webkit触摸标注:无;
-webkit用户选择:无;
-khtml用户选择:无;
-moz用户选择:无;
-ms用户选择:无;
用户选择:无;
}

测试测试
测试测试
测试测试
测试测试
测试测试
测试测试
测试测试
测试测试
测试测试
测试测试
测试测试
测试测试
T