-------------------------------

<!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基本代码二的更多相关文章

  1. 一步一步带你实现virtual dom(二) -- Props和事件

    很高兴我们可以继续分享编写虚拟DOM的知识.这次我们要讲解的是产品级的内容,其中包括:设置和DOM一致性.以及事件的处理. 使用Babel 在继续之前,我们需要弥补前一篇文章中没有详细讲解的内容.假设 ...

  2. 前端之JavaScript:JS之DOM对象二

    继续JS之DOM对象二 前面在JS之DOM中我们知道了属性操作,下面我们来了解一下节点操作.很重要!! 一.节点操作 创建节点:var ele_a = document.createElement(' ...

  3. JavaScript(DOM编程二)

    文档加载完毕之后,在Window.onload方法中创建元素节点,添加到DOM文档中 代码演示: <html> <head lang="en"> <m ...

  4. javascript之DOM篇二(操作)

    一.创建DOM元素 createElement:document.createElement(' 所要创建的元素标签名'): <!DOCTYPE html><html>< ...

  5. jQuery的dom操作(二)转

    addClass() 向匹配的元素添加指定的类名. after() 在匹配的元素之后插入内容. append() 向匹配的元素内部追加内容. appendTo() 向匹配的元素内部追加内容. attr ...

  6. JS之DOM(二)

    一.DOM节点的操作 1.增加: (1). document.creatElement('标签名');创建元素节点 (2). document.creatTextNode('文本内容'):创建文本节点 ...

  7. js学习总结:DOM节点二(dom基本操作)

    一.DOM继承树 DOM——Document Object Model DOM定义了表示修改文档所需要的方法.DOM对象即为宿主对象,由浏览器厂商定义,用来操作html和xml的一类厂商定义,也有人称 ...

  8. 继续JS之DOM对象二

    前面在JS之DOM中我们知道了属性操作,下面我们来了解一下节点操作.很重要!! 一.节点操作 创建节点:var ele_a = document.createElement('a');添加节点:ele ...

  9. web前端----JavaScript的DOM(二)

    前面在DOM一中我们知道了属性操作,下面我们来了解一下节点操作.很重要!! 一.节点操作 创建节点:var ele_a = document.createElement('a');添加节点:ele_p ...

随机推荐

  1. 论文笔记:Attentional Correlation Filter Network for Adaptive Visual Tracking

    Attentional Correlation Filter Network for Adaptive Visual Tracking CVPR2017 摘要:本文提出一种新的带有注意机制的跟踪框架, ...

  2. Linux系统inotify工具安装配置

    inotify主要功能 Inotify 是一个 Linux特性,它监控文件系统操作,比如读取.写入和创建.Inotify 反应灵敏,用法非常简单,并且比 cron 任务的繁忙轮询高效得多.学习如何将 ...

  3. [C++] Class (part 2)

    Members that are const or reference must be initialized. Similary, members that are of a class type ...

  4. nginx配置和网站的部署

    环境: CentOS Linux release 7.3.1611 (Core) nginx version: nginx/1.13.4 PHP 5.4.16 (cli) (built: Nov 6 ...

  5. Thunder团队第六周 - Scrum会议2

    Scrum会议2 小组名称:Thunder 项目名称:i阅app Scrum Master:宋雨 工作照片: 参会成员: 王航:http://www.cnblogs.com/wangh013/ 李传康 ...

  6. 基于TensorFlow解决手写数字识别的Softmax方法、多层卷积网络方法和前馈神经网络方法

    一.基于TensorFlow的softmax回归模型解决手写字母识别问题 详细步骤如下: 1.加载MNIST数据: input_data.read_data_sets('MNIST_data',one ...

  7. <Effective C++>读书摘要--Designs and Declarations<一>

    <Item 18> Make interfaces easy to use correctly and hard to use incorrectly 1.That being the c ...

  8. 《学习OpenCV》课后习题解答5

    题目:(P104) 为一个图像创建多个图像头.读取一个大小至少为100*100的图像.另创建两个图像头并设置它们的origion,depth,nChannels和widthStep属性同之前读取的图像 ...

  9. 图解linux安装tomcat(附常用命令)

    本例使用的是centos6.5版本,具体内容如下 一.首先到官方下载tomcat服务 http://tomcat.apache.org/download-70.cgi 二.将tomcat上传至linu ...

  10. Jenkins系列-Jenkins升级、迁移和备份

    升级Jenkins Jenkins的开发迭代非常快,每周发布一个开发版本,长期支持版每半年更新一次(ps:大版本更新).如此频繁的更新,怎么升级呢? war:下载新版的war文件,替换旧版本war文件 ...