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

<!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. java扫描控制台输入

    由于因最近练习算法的需要,加上API文档中翻译的太过模糊,做了一些小测试,算是武断的记下一些个人结论. Scanner cin = new Scanner(System.in); 对于cin.next ...

  2. Java Web开发框架Spring+Hibernate整合效果介绍（附源码）（已过期，有更好的）

    最近花了一些时间整合了一个SpringMVC+springAOP+spring security+Hibernate的一套框架,之前只专注于.NET的软件架构设计,并没有接触过Java EE,好在有经 ...

  3. 通过流的方式操作hadoop的API

    通过流的方式操作hadoop的API 功能: 可以直接用来操作hadoop的文件系统 可以用在mapreduce的outputformat中设置RecordWrite 参考: 概念理解 http:// ...

  4. 56[LeetCode] .Merge Intervals

    Given an array nums of n integers and an integer target, are there elements a, b, c, and d in nums s ...

  5. java面试整理

    IO和NIO的区别 这是一个很常见的问题,如果单纯的只回答IO和NIO的区别,只能算及格.我个人觉得应该从以下几个方面回答: 1).IO简介, 2).TCP的三次握手,因为这也是两者的区别之一, 3) ...

  6. codeforces 303C. Minimum Modular（数论+暴力+剪枝+贪心）

    You have been given n distinct integers a1, a2, ..., an. You can remove at most k of them. Find the ...

  7. 《javascript模式--by Stoyan Stefanov》书摘--基本技巧

    一.基本技巧 1,变量释放的副作用 a.使用var创建的全局变量(在函数外部创建)不能删除. b.不使用var创建的隐含全局变量(尽管在函数内部创建)可以删除. // 定义三个全局变量 var glo ...

  8. 福大软工1816：Alpha（4/10）

    Alpha 冲刺 (4/10) 队名:Jarvis For Chat 组长博客链接 本次作业链接 团队部分 工作情况汇报 张扬(组长) 过去两天完成了哪些任务: 文字/口头描述: 1.将中文分词.词频 ...

  9. Serialable与Parcelable

    Serializable和Parcelable比较        Serializable的作用是为了保存对象的属性到本地文件.数据库.网络流.rmi以方便数据传输,当然这种传输可以是程序内的也可以是 ...

  10. lintcode-196-寻找缺失的数

    196-寻找缺失的数 给出一个包含 0 .. N 中 N 个数的序列,找出0 .. N 中没有出现在序列中的那个数. 样例 N = 4 且序列为 [0, 1, 3] 时,缺失的数为2. 挑战 在数组上 ...