如何禁用MobileSafari自动选择？
要禁用Mobile Safari的自动选择功能，可以使用CSS样式或JavaScript脚本来实现。以下是两种方法的示例：
方法一：使用CSS样式
在HTML文件中，将以下CSS样式添加到<head>标签内：
input[type="text"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
</style>这将禁用所有文本输入框和文本区域的自动选择功能。
方法二：使用JavaScript脚本
在HTML文件中，将以下JavaScript脚本添加到<head>标签内：
document.addEventListener('touchstart', function(event) {
event.preventDefault();
});
</script>这将禁用整个页面的自动选择功能。
请注意，这些方法可能会影响到页面的用户体验，因此请谨慎使用。
相关·内容
我有一个网页，其中只有几个文本元素可以选择。对于每个浏览器-除了Internet Explorer -您只能选择适当的文本元素(可选择的文本)和输入字段(输入字段)。但是在Internet Explorer中，如果你在“文本可选”处开始选择，你就可以选择整个页面。 有没有办法在Internet Explorer中防止这种不受欢迎的行为？ 下面是我的代码： <html>
<head>
<style type = "text/css">
body {
user-select: no
浏览 13提问于2020-06-23得票数 0
回答已采纳
我正在开发一个使用easlejs + phonegap的HTML5游戏，我遇到了一个问题，每次你在画布上点击/触摸/鼠标按下时，屏幕都会闪烁。
下面是我创建的非常简单的代码，用来测试这个问题，看看它是否与easlejs相关。从代码中可以看出，这与easlejs无关，只是html5/phonegap的问题。
您可以看到，我也尝试了不选择CSS样式，但没有成功。
<!doctype html>
<html>
<head>
<title></title>
<style type="text/css&#
浏览 0提问于2012-06-03得票数 13
回答已采纳
我已经应用了body标签，这使得我的整个身体无法选择。
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
但是我只想让特定的标签可以选择，比如说，我希望#selectme标记能够选择文本，所以我在#selectme CSS下使用了下面的选项，但它似乎不起作用。ANy解决方案？我不喜欢包含javascript。
-webkit-touch-callout:defau
浏览 2提问于2013-07-12得票数 1
9回答
目前，我已经在body标记中添加了以下内容来禁用文本选择：
body {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
但是，我的input和textarea框现在是不可选的。如何才能只让这些输入元素可选，而让其他元素不可选呢？
浏览 0提问于2012-05-30得票数 111
回答已采纳
我有一个用j查询禁用表单上选择文本的示例代码。它对火狐，Chrome和IE10都很好。但我希望允许输入框中的选择文本。它可以很好的工作火狐，铬，但IE不允许选择文本内的输入框。如何允许在输入框中选择文本值。
注意:我在IE10上进行了测试。
诚挚的问候,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>jQue
浏览 0提问于2013-08-10得票数 1
2回答
我正在创建一个待办事项列表，允许用户添加和删除任务。我试着做它，这样用户就可以将一个任务从一个列表移动到另一个列表。这是我目前的代码。我不知道我做错了什么。我猜问题就在我的JavaScript的某个地方。
HTML:
<input type='checkbox' id="togglelist1" class='arrow'/>
<label for="list1menu">
<input type="text" name="newlist1" value=&
浏览 0提问于2019-07-18得票数 3
5回答
我试图通过以下注意事项防止在输入字段上进行选择
用鼠标阻止选择
防止使用键盘进行选择(包括Ctrl+A、shift+arrows)
允许使用键盘和鼠标聚焦到字段中
到目前为止，我已经尝试过这样的方法：
CSS
我尝试使用以下类
.unselectable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-sele
浏览 1提问于2015-03-23得票数 21
回答已采纳
我尝试了以下问题中提出的解决方案，但没有结果：
在HTML中，我有以下内容：
<uib-accordion-heading>
<div id="fart1" ng-if="!contactsAccordionIsOpen" class="noSelect" style="outline: none;">Contacts<span class="glyphicon glyphicon-plus-sign pull-right"></span>&l
浏览 1提问于2017-02-23得票数 17
回答已采纳
<style> *:not(.selectable){ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectable{ -webkit-t
浏览 0提问于2018-01-13得票数 0
回答已采纳
2回答
我刚刚看到一个使用CSS属性-moz-user-select的站点，设置为none，作为反用户的度量：
#content {
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none
}
如何在火狐中完全禁用user-select？我正在寻找一个永久的，无条件的和不可覆盖的解决方案，如编译标志或配置设置，保证是有效的。预期的行为是浏览器再次将所有文本视为可选择的，就好像该属性一开始就不存在一样。
浏览 0提问于2017-11-16得票数 3
我正在尝试用HTML5画布和node.js制作一个.io游戏，但我在如何让玩家用箭头键移动的问题上遇到了困难。我一直在尝试使用这个教程来制作移动系统，我已经摆弄了好几天了，但我似乎无法让它移动。 播放器是另存为.png文件的图像。它会显示在画布上，但不会移动。 var canvas = document.querySelector('#canvas');
var ctx = canvas.getContext('2d');
canvas.width = window.innerWidth;
canvas.height = window.innerHeig
浏览 32提问于2020-07-03得票数 0
因此，以下内容适用于Chrome，但不适用于FireFox：
* {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input {
-webkit-touch-callout: auto;
-webkit-user-select: auto;
-khtml-user-se
浏览 3提问于2012-04-23得票数 2
1回答
我正在制作一个HTML CSS和JavaScript的.io游戏，我试图让它，以便当用户点击播放按钮或按回车，主页淡出，它显示一个画布(游戏)。我相信我必须使用事件侦听器和CSS动画，但是我如何让它逐渐消失，屏幕上除了画布之外什么都没有？ 注意:我在这个项目中使用了node.js服务器。 我的HTML <!DOCTYPE html>
<html lang='en'>
<head>
<title>rainboz.io</title>
<link rel="style
浏览 15提问于2020-06-25得票数 0
1回答
我正试着在HTML5画布上做一个.io游戏，我试着用WASD键让这个角色平滑地移动，我已经找到了如何做的教程，但它非常锯齿和僵硬，当你按下这些键时，它不会流动。有谁知道我如何做到这一点，或者我可以在哪里学到如何做到这一点？我也使用了node.js来实现这一点。如果你点击播放按钮，画布就会出现。 var canvas = document.querySelector('#canvas');
var ctx = canvas.getContext('2d');
canvas.width = window.innerWidth;
canvas.height =
浏览 30提问于2020-06-29得票数 0
1回答
我正在创建用于测试的图片集合。有包含图片的框架标签和另一个包含文本的标签，其背景颜色为黄色，半透明可见。
不幸的是，黄色标签不能包含文本。我确实认为这个问题是由display: block风格引起的。
由于黄色标签不能包含文本，因此会创建溢出-x并将文本移到标签旁边：
HTML和CSS：
<div class="inv_display" style="height: 500px; display: block;">
<ul class="inv_form" style="list
浏览 0提问于2017-05-09得票数 0
回答已采纳
1回答
禁用拖放火狐插件中的任何对象
、、、、
我正在开发一个在Chrome / Firefox上的扩展，它有一个由不同图形元素组成的弹出窗口。我不希望用户从这个弹出窗口中拖放这些项目。要禁用Chrome中的拖动，我可以使用以下css代码：
* {
user-drag: none;
-ms-user-drag: none;
-moz-user-drag: none;
-webkit-user-drag: none;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-se
浏览 2提问于2016-08-11得票数 3
回答已采纳
1回答
如果在文本框内单击，按住鼠标按钮并开始上下拖动，文本框将在容器内移动。问题只出现在WebKit中。
重要的是不要更改绝对容器内的输入结构，因为绝对容器中存在溢出隐藏的。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css&#
浏览 0提问于2012-06-24得票数 0
回答已采纳
我想禁用“打开/在新选项卡中打开/添加到阅读列表/复制”上下文菜单，该菜单在使用iPad按下并按住链接时显示。下面的代码禁用PC或MacBook上运行的浏览器中的上下文菜单。但是，在iPad上，上下文菜单将继续显示。
这是我正在使用的测试网页。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3
浏览 2提问于2014-12-11得票数 0
4回答
我想知道是否有办法将复选框移到标签的右侧？默认情况下，它总是在左边。怎么才能把它移到右边呢？
<style>
input[type=checkbox].css-checkbox {
position:absolute;
z-index:-1000;
left:-1000px;
overflow: hidden;
clip: rect(0 0 0 0);
height:1px;
width:1px;
margin:-1px;
padding:0;
border:0;
}
input[type=checkb
浏览 5提问于2017-03-23得票数 2
回答已采纳
我正在为我的多人.io游戏在HTML5 canvas中创建一个带有Wasd键的玩家移动系统，当我添加移动系统，然后更改x，y，)；参数从常量，如100,100)；它显示，但当我更改它为我的变量PlayerX和PlayerY时，它不再显示在画布上。
注意:我使用.png文件作为播放器图像，并使用node.js制作服务器。我使用的moment系统的教程：
var canvas = document.querySelector('#canvas');
var ctx = canvas.getContext('2d');
canvas.width = window
浏览 5提问于2020-06-30得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
