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 ...
随机推荐
- oracle 学习随笔一： 字段大小写
字段上加大小写:"reportId" 即可
- 小程序开发中，纯css实现内容收起折叠功能
不多说,直接上代码: wxml页面: <!--收起折叠 begin--> <view style='width:100%;background:#fff;border-top:1px ...
- Python入门（3）
一.列表 列表是用来储存和处理多个数据的数据类型,我们可以像下面这样来创建一个列表: my_list = [1, 2, 3] 列表和数学中的集合很像,但是,列表中的数据是可以重复,并且他们是有序的,列 ...
- Matlab 图象操作函数讲解
h = imrect;pos = getPosition(h); 这个函数用来获取图象上特定区域的坐标,其中pos的返回值中有四个参数[xmin,ymin,width,height],特定区域的左上角 ...
- How Does Batch Normalization Help Optimization?
1. 摘要 BN 是一个广泛应用的用于快速稳定地训练深度神经网络的技术,但是我们对其有效性的真正原因仍然所知甚少. 输入分布的稳定性和 BN 的成功之间关系很小,BN 对训练过程更根本的影响是:它让优 ...
- iOS- 多线程技术的概述及优点
1.概述 在iOS开发中: •耗时操作,例如网络图片.视频.歌曲.书籍等资源下载 •游戏中的声音播放 我们可以利用多线程: •充分发挥多核处理器的优势,并发(同时执行)执行任务让系统运行的更快.更 ...
- 会话模型与SSO
关于会话模型其实网站已有很多帖子说明,其中有关于sessionid,cookie以及他们之间的关系,自己先了解吧 1 会话模型 会话模型是客户端和服务端交互的一种模型,会话模型友好的处理了客户端有无通 ...
- 记一次dll强命名冲突事件
一 问题的出现 现在要做一个net分布式平台,平台涉及多个服务之间调用问题,最基础的莫过于sso.由于我们的sso采用了wcf一套私有框架实现,另外一个webapi服务通过接口调用sso服务.由于s ...
- Android 布局方式学习
一.LinearLayout线性布局: 线性布局是程序中最常见的一种布局方式,线性布局可以分为水平线性布局和垂直线性布局两种, 通过android:orientation属性可以设置线性布局的方向 1 ...
- Java中关于 ArrayList 和 Map 的常用遍历方法 (学习笔记，便于以后查询)
一.学习ArrayList与Map时,关于常用遍历方法的记录如下: 二.附源码如下: package com.study.in.myself; import java.util.ArrayList; ...