js 文本框监听粘贴事件，获取粘贴板上的图片数据
2017-04-07 12:47
363 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="text" id="myInput" />
<script>
document.getElementById('myInput').addEventListener('paste',function(e){
if ( !(e.clipboardData && e.clipboardData.items) ) {
return;
}
for (var i = 0, len = e.clipboardData.items.length; i < len; i++) {
var item = e.clipboardData.items[i];
if (item.kind === "string") {
item.getAsString(function (str) {
console.log(str);
})
} else if (item.kind === "file") {
var f= item.getAsFile();
console.log(f);
}
}
});
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件，兼容各大主流浏览器 HTML特殊字符
- 捕获取文本框的右键 粘贴 事件
- js 一次按钮事件获取全部数据
- iOS用WKWebView与JS交互获取系统图片及WKWebView的Alert,Confirm,TextInput的监听代理方法使用，屏蔽WebView的可选菜单
- 微信小程序开发-点击事件，获取元素id，页面传值 & 获取js里的数据
- js 文本框里粘贴一个图片url并显示
- 自定义表格控件(通过TabLayout+TabRow)获取表格所有数据，并对表格进行相关事件监听
- js 获取粘贴数据 ctrl + V
- Zookeeper命令行操作(常用命令；客户端连接；查看znode路径；创建节点；获取znode数据，查看节点内容，设置节点内容，删除节点；监听znode事件；telnet连接zookeeper)
- 调用js代码获取webView页面中的所有图片及点击事件
- JS监听checkbox的选择获取取消事件代码案列
- js在onload事件前获取图片的宽高，js尽快获取图片的宽高
- js监听文本框变化事件
- Zookeeper命令行操作(常用命令；客户端连接；查看znode路径；创建节点；获取znode数据，查看节点内容，设置节点内容，删除节点；监听znode事件；telnet连接zookeeper)
- JS 巧妙获取剪贴板数据 Excel数据的粘贴
- js图片预加载---for与onload事件，图片数据模型到界面的单项绑定，使用interval模拟循环操作
- 监听文本框数据修改，特别是微信等客户端直接选择粘贴修改
- iOS WebView 如何通过js获取网页中所有图片并加入点击事件，实现浏览图片的功能
- js监听滚动条事件和获取浏览器及屏幕高度和宽度等信息的方法
- vue.js 过滤器、ajax数据、事件监听实例