window.clipboardData.getData 有几种参数类型。除了getdta('text') 还有啥？ Javascript里面的知识、

Posted 2023-05-11

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了window.clipboardData.getData 有几种参数类型。除了getdta('text') 还有啥？ Javascript里面的知识、相关的知识，希望对你有一定的参考价值。

参考技术A Syntax
sRetrieveData = object.getData(sDataFormat)

Parameters
sDataFormat Required. String that specifies one of the following data format values:
TextRetrieves data formatted as text.
URLRetrieves data formatted as a URL.
综上所述：有url和text 两种
url是通过dataTransfer从剪贴板获取
text是通过clipboardData 从剪贴板获取
<HEAD>
<SCRIPT>
var sAnchorURL;
function InitiateDrag()
/* setData 参数告诉源对象将数据传送为 URL 并提供
路径。*/

event.dataTransfer.setData("URL", oSource.href);

function FinishDrag()
/* 传递给 getData 的参数告诉目标对象所期望的数据
格式。*/

sAnchorURL = event.dataTransfer.getData("URL");
oTarget.innerText = sAnchorURL;

</SCRIPT>
</HEAD>
<BODY>
<A ID=oSource HREF="about:Example_Complete" onclick="return(false)"
ondragstart="InitiateDrag()">测试锚</A>
<SPAN ID=oTarget ondragenter="FinishDrag()">将链接拖曳到这里</SPAN>
</BODY>追问

url是通过dataTransfer从剪贴板获取
在JS里怎么用 var x = window.dataTransfer.getData('url');？这样子？
举个列子感激不尽
要在javascript中实现哦。不是java里

本回答被提问者和网友采纳参考技术B 名称说明
Bitmap 指定 Microsoft Windows 位图数据格式。
CommaSeparatedValue 指定以逗号分隔的值 (CSV) 数据格式。
Dib 指定 device-independent bitmap (DIB) 数据格式。
Dif 指定 Windows 数据交换格式 (DIF) 数据格式。
EnhancedMetafile 指定 Windows 增强型图元文件格式。
FileDrop 指定 Windows 文件放置格式。
html 指定 HTML 数据格式。
Locale 指定 Windows 区域设置（区域性）数据格式。
MetafilePicture 指定 Windows 图元文件图片数据格式。
OemText 指定标准 Windows OEM 文本数据格式。
Palette 指定 Windows 调色板数据格式。
PenData 指定 Windows 钢笔数据格式。
Riff 指定 Resource Interchange File Format (RIFF) 音频数据格式。
Rtf 指定 Rich Text Format (RTF) 数据格式。
Serializable 指定封装任何类型的可序列化数据对象的数据格式。
StringFormat 指定 common language runtime (CLR) 字符串类数据格式。
SymbolicLink 指定 Windows 符号链接数据格式。
Text 指定 ANSI 文本数据格式。
Tiff 指定 Tagged Image File Format (TIFF) 数据格式。
UnicodeText 指定 Unicode 文本数据格式。
WaveAudio 指定波形音频数据格式。
Xaml 指定 Extensible Application Markup Language (XAML) 数据格式。
XamlPackage 指定 Extensible Application Markup Language (XAML) 包数据格式。追问

QQ双击后的图片要粘贴到一个iframe里面。怎么获取QQ截图后在剪切板中的数据。

适配布局类型

PC及移动端页面适配方法

设备屏幕有多种不同的分辨率，页面适配方案有如下几种：

1、全适配：响应式布局+流体布局
2、移动端适配：

流体布局+少量响应式
基于rem的布局

流体布局

流体布局，就是使用百分比来设置元素的宽度，元素的高度按实际高度写固定值，流体布局中，元素的边线无法用百分比，可以使用样式中的计算函数 calc() 来设置宽度，或者使用 box-sizing 属性将盒子设置为从边线计算盒子尺寸。

calc()
可以通过计算的方式给元素加尺寸，比如： width：calc(25% - 4px);

box-sizing
1、content-box 默认的盒子尺寸计算方式
2、border-box 置盒子的尺寸计算方式为从边框开始，盒子的尺寸，边框和内填充算在盒子尺寸内

响应式布局

响应式布局就是使用媒体查询的方式，通过查询浏览器宽度，不同的宽度应用不同的样式块，每个样式块对应的是该宽度下的布局方式，从而实现响应式布局。响应式布局的页面可以适配多种终端屏幕（pc、平板、手机）。

相应布局的伪代码如下：

@media (max-width:960px){
    .left_con{width:58%;}
    .right_con{width:38%;}
}
@media (max-width:768px){
    .left_con{width:100%;}
    .right_con{width:100%;}
}

基于rem的布局

首先了解em单位，em单位是参照元素自身的文字大小来设置尺寸，rem指的是参照根节点的文字大小，根节点指的是html标签，设置html标签的文字大小，其他的元素相关尺寸设置用rem，这样，所有元素都有了统一的参照标准，改变html文字的大小，就会改变所有元素用rem设置的尺寸大小。

cssrem安装

cssrem插件可以动态地将px尺寸换算成rem尺寸

下载本项目，比如：git clone https://github.com/flashlizi/cssrem 进入packages目录：Sublime Text -> Preferences -> Browse Packages... 复制下载的cssrem目录到刚才的packges目录里。重启Sublime Text。

配置参数参数配置文件：Sublime Text -> Preferences -> Package Settings -> cssrem px_to_rem - px转rem的单位比例，默认为40。 max_rem_fraction_length - px转rem的小数部分的最大长度。默认为6。 available_file_types - 启用此插件的文件类型。默认为：[".css", ".less", ".sass"]。

以上是关于window.clipboardData.getData 有几种参数类型。除了getdta('text') 还有啥？ Javascript里面的知识、的主要内容，如果未能解决你的问题，请参考以下文章