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

<!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. org.apache.spark.launcher.Main源码分析

    public static void main(String[] argsArray) throws Exception { //org.apache.spark.launcher.Main chec ...

  2. ubuntu samba配置注意事项

    1. 下载samba前, ubuntu镜像源需要更新为国内源,否则samba的安装会非常慢 亲测,清华的镜像源速度满足要求. A.登录 https://mirrors.tuna.tsinghua.ed ...

  3. Python3 Tkinter-Pack

    1.创建 from tkinter import * root=Tk() print(root.pack_slaves()) Label(root,text='pack').pack() print( ...

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

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

  5. Java学习个人备忘录之接口

    abstract class AbsDemo { abstract void show1(); abstract void show2(); } 当一个抽象类中的方法都是抽象的时候,这时可以将该抽象类 ...

  6. BluetoothServerSocket详解

    一. BluetoorhServerSocket简介 1. 继承关系 public final class BluetoothServerSocket extends Object implement ...

  7. Python 循环语句和运算符

    while 循环 while 条件 : //条件为True时,执行while下带有缩进的语句 语句1 语句2 语句3 for循环 for循环可以用来遍历某一对象(遍历:通俗点说,就是把这个循环中的第一 ...

  8. lintcode-160-寻找旋转排序数组中的最小值 II

    160-寻找旋转排序数组中的最小值 II 假设一个旋转排序的数组其起始位置是未知的(比如0 1 2 4 5 6 7 可能变成是4 5 6 7 0 1 2). 你需要找到其中最小的元素. 数组中可能存在 ...

  9. error : Web 项目“RealEstate.Web”的 URL“http://localhost:20000”已配置为将 IIS 用作 Web 服务器，但是当前在 IIS Express W

    error  : Web 项目"RealEstate.Web"的 URL"http://localhost:20000"已配置为将 IIS 用作 Web 服务器 ...

  10. C++ 普通函数和虚函数调用的区别

    引出:写个类A,声明类A指针指向NULL,调用类A的方法会有什么后果,编译通过吗,运行会通过吗? #include<stdio.h> #include<iostream> us ...