DOM基本代码二
-------------------------------
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function modifyClipboard()
{
var txt = clipboardData.getData("text");
txt = txt + " 本文章来自于陈龙制作,文章来源:" + location.href;
clipboardData.setData('text',txt);
}
</script>
</head>
<body onclose="alert('是否关闭?');return false;">
<input type="button"value="点击"onclick="if(window.event.altKey)alert('alt键被按下')"/>
<input type="button"value="点击"onclick="if(window.event.shiftKey)alert('shift键被按下')"/>
<!--类似于上面的按钮判断的还有各种其他的-->
<!--将window.event.returnValue = false 后就会阻止默认事件动作-->
<a href="http://www.taobao.com" onclick="window.event.returnValue = false;">淘宝</a>
<input type="button"value="分享给好友"onclick="clipboardData.setData('text', 'I find a quite well net page which is filled with AV' + location.href); alert('已经放到粘贴板上');"/>
<table border="1">
<tr>
<td><label for="name">姓名:</label></td>
<td><input type="text" id="name"/></td>
</tr>
<tr>
<td><label for="pass1">手机号</label></td>
<td><input type="text" id="pass1" onpaste="alert('禁止粘贴'); return false;"/></td>
</tr>
<tr>
<td><label for="pass2">重复手机号</label></td>
<td><input type="text" id="pass2" onpaste="alert('禁止粘贴'); return false;" /></td>
</tr>
</table>
<textarea oncopy="alert('禁止复制'); return false;"onpaste="alert('禁止粘贴'); return false;">
这里是文章的内容,复制这里吧!
</textarea> <!--oncopy 和onpaste两种事件适合任何文本框,是在复制粘贴时对应的事情-->
<!--不能再oncopy事件上修改粘贴板,需等待少许事件,0.1秒之类的-->
<br/>
<textarea oncopy="setTimeout('modifyClipboard()',100)">
试试复制的时候要加上我的内容的方法吧!
</textarea>
<a href=" htmlpagedom.html" onclick="window.event.returnValue=false">htmlpagedom.html</a> </body>
</html>
DOM基本代码二的更多相关文章
- 一步一步带你实现virtual dom(二) -- Props和事件
很高兴我们可以继续分享编写虚拟DOM的知识.这次我们要讲解的是产品级的内容,其中包括:设置和DOM一致性.以及事件的处理. 使用Babel 在继续之前,我们需要弥补前一篇文章中没有详细讲解的内容.假设 ...
- 前端之JavaScript:JS之DOM对象二
继续JS之DOM对象二 前面在JS之DOM中我们知道了属性操作,下面我们来了解一下节点操作.很重要!! 一.节点操作 创建节点:var ele_a = document.createElement(' ...
- JavaScript(DOM编程二)
文档加载完毕之后,在Window.onload方法中创建元素节点,添加到DOM文档中 代码演示: <html> <head lang="en"> <m ...
- javascript之DOM篇二(操作)
一.创建DOM元素 createElement:document.createElement(' 所要创建的元素标签名'): <!DOCTYPE html><html>< ...
- jQuery的dom操作(二)转
addClass() 向匹配的元素添加指定的类名. after() 在匹配的元素之后插入内容. append() 向匹配的元素内部追加内容. appendTo() 向匹配的元素内部追加内容. attr ...
- JS之DOM(二)
一.DOM节点的操作 1.增加: (1). document.creatElement('标签名');创建元素节点 (2). document.creatTextNode('文本内容'):创建文本节点 ...
- js学习总结:DOM节点二(dom基本操作)
一.DOM继承树 DOM——Document Object Model DOM定义了表示修改文档所需要的方法.DOM对象即为宿主对象,由浏览器厂商定义,用来操作html和xml的一类厂商定义,也有人称 ...
- 继续JS之DOM对象二
前面在JS之DOM中我们知道了属性操作,下面我们来了解一下节点操作.很重要!! 一.节点操作 创建节点:var ele_a = document.createElement('a');添加节点:ele ...
- web前端----JavaScript的DOM(二)
前面在DOM一中我们知道了属性操作,下面我们来了解一下节点操作.很重要!! 一.节点操作 创建节点:var ele_a = document.createElement('a');添加节点:ele_p ...
随机推荐
- 大理石在哪儿 (Where is the Marble?,UVa 10474)
题目描述:算法竞赛入门经典例题5-1 #include <iostream> #include <algorithm> using namespace std; ; int m ...
- 数数字 (Digit Counting,ACM/ICPC Dannang 2007 ,UVa1225)
题目描述:算法竞赛入门经典习题3-3 #include <stdio.h> #include <string.h> int main(int argc, char *argv[ ...
- 十:HDFS Short-Circuit Local Reads 短路本地读取
当client请求数据时,datanode会读取数据然后通过TCP协议发送给client.short-circuit绕过了datanode直接读取数据.short-circuit的前提是client和 ...
- 5.安装hbase
下载安装包并解压设置hbase环境变量配置hbase-site.xml启动hbase检测hbase启动情况测试hbase shell 下载安装包并解压 https://mirrors.tuna.tsi ...
- SGU 176 Flow construction(有源汇上下界最小流)
Description 176. Flow construction time limit per test: 1 sec. memory limit per test: 4096 KB input: ...
- Java容器之Collections
Collections 类来源于 java.util.Collections,从 java.lang.object继承. 此类完全由在 collection 上进行操作或返回 collection 的 ...
- 活学活用wxPython
http://www.czug.org/python/wxpythoninaction/
- TCP系列12—重传—2、Linux超时重传引入示例
在前面我们概述了TCP的超时重传之后我们简单的看一下tcp超时重传的示例.首先简单的描述一下测试过程 1.设置/proc/sys/net/ipv4/tcp_early_retrans为2,关掉TLP功 ...
- 转 高性能IO模型浅析
高性能IO模型浅析 转自:http://www.cnblogs.com/fanzhidongyzby/p/4098546.html 服务器端编程经常需要构造高性能的IO模型,常见的IO模型有四种: ( ...
- Qt-排序
1.要求传入起始指针,总长度,单元素空间占用大小(sizeof(A[i])),判断函数. 判断函数参数类型为const void *,使用需要在函数内自行转换为对应类型, 返回值为整数型,升序排序时正 ...