需要引入jquery.js和库clipboard.min.js
<div id="needCopyText">待复制的内容</div>
<span class="copyContent" data-clipboard-target="#needCopyText">复制</span>
//引入实例化clipboard.js, 注意这里不要用Clipboard而是ClipboardJS
var clipboard = new ClipboardJS('.copyContent');
clipboard.on('success', function(e) {//如果成功复制的话
//console.log('Action:', e.action);
//console.log('Text:', e.text);
//console.log('Trigger:', e.trigger);
console.log('复制成功');
});
clipboard.on('error', function(e) {//如果复制失败
console.log('复制失败,请...
我们在一些文章发布系统中,后台使用的编辑器插入图片的时候并不会自动给图片加上链接,有时候图片太大了,会将窗口撑开,为了不影响美观,我们也许会将图片缩小,于是乎,就要将图片放大,有些编辑器非常复杂,更改起来不方便,那么我们可以直接在显示文章内容的页面使用Javascript给图片批量都加上onclick事件。。。
假设如下一段文章内容存放于如下一个DIV中:
以下是HTML代码: <div id="content">
<img src="1.gif" />
<img src="2.gif" />
<img src="3.gif" />
<img src="4.gif" />
<img src="5.gif" />
</div>...
dblclick(fn) 返回值:jQuery概述在每一个匹配元素的dblclick事件中绑定一个处理函数。的那个在某个元素上双击的时候就会触发dblclick事件参数fn Function在每一个匹配元素的dblclick事件中绑定的处理函数。示例描述:给页面上每个段落的双击事件绑上 "Hello World!" 警告框jQuery 代码:$("p").dblclick( function () { alert("Hello World!"); });
dblclick() 返回值:jQuery概述触发每一个匹配元素的dbclick事件。这个函数会调用执行绑定到dblclick事件的所有函数,包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。dblclick事件会在元素的同一点双击时触发。
click(fn) 返回值:jQuery概述在每一个匹配元素的click事件中绑定一个处理函数。点击事件会在你的指针设备的按钮在元素上单击时触发。单击的定义是在屏幕的同一点触发了mousedown和mouseup.几个事件触发的顺序是:mousedownmouseupclick参数fn Function绑定到click事件的函数示例描述:将页面内所有段落点击后隐藏。jQuery 代码:$("p").click( function () { $(this).hide(); });
click() 返回值:jQuery概述触发每一个匹配元素的click事件。这个函数会调用执行绑定到click事件的所有函数。示例描述:触发页面内所有段落的点击事件jQuery 代码:$("p").click();
isLeftClick
Event.isLeftClick(event) -> Boolean
判断鼠标相关的事件是否是由“左键”(主功能键)引发的。
注意:这里的“左键”并不是绝对意义上的左键,而是“作为默认的左键”(对于习惯于右手的人而言)。 而习惯使用左手的人,在系统配置中,可以将右键设为主要功能键,这时,该方法检测相应的右键。
undoClipping
undoClipping(element) -> HTMLElement
设置 element 的 CSS overflow 属性,重置其值为应用 Element.makeClipping() 之前的值,返回元素本身。
样例
<div id="framer">
<img src="/assets/2007/1/14/chairs.jpg" alt="example" />
</div>
$('framer').undoClipping();
// -> HTMLElement(并恢复 CSS overflow 属性为初始值)
点我测试一下
var Example = {};
Example.clip = function(){
$('clipper').update('撤销!');
$('framer').makeClipping().setStyle({width: '100px', height: '100px...
makeClipping
makeClipping(element) -> HTMLElement
通过将超出元素边界的内容设置为 'hidden',来虚拟仅有少数浏览器支持的 CSS clip 属性。返回 element。
为撤消剪切,请使用 Element.undoClipping。
可见区域视 element 的宽和高而定。
样例
<div id="framer">
<img src="/assets/2007/1/14/chairs.jpg" alt="example" />
</div>
$('framer').makeClipping().setStyle({width: '100px', height: '100px'});
// -> HTMLElement
点我测试一下
var Example = {};
Example.clip = function(){
$(...
(element) -> HTMLElement
设置 element 的 CSS overflow 属性,重置其值为应用 Element.makeClipping() 之前的值,返回元素本身。
样例
<div id="framer">
<img src="/assets/2007/1/14/chairs.jpg" alt="example" />
</div>
$('framer').undoClipping();
// -> HTMLElement(并恢复 CSS overflow 属性为初始值)
点我测试一下
var Example = {};
Example.clip = function(){
$('clipper').update('撤销!');
$('framer').makeClipping().setStyle({width: '100px', height: '100px'});
};
Example...
makeClipping(element) -> HTMLElement
通过将超出元素边界的内容设置为 'hidden',来虚拟仅有少数浏览器支持的 CSS clip 属性。返回 element。
为撤消剪切,请使用 Element.undoClipping。
可见区域视 element 的宽和高而定。
样例
<div id="framer">
<img src="/assets/2007/1/14/chairs.jpg" alt="example" />
</div>
$('framer').makeClipping().setStyle({width: '100px', height: '100px'});
// -> HTMLElement
点我测试一下
var Example = {};
Example.clip = function(){
$('clipper').update('撤消!');
$('fr...
网页可见区域宽: document.body.clientWidth;
网页可见区域高: document.body.clientHeight;
网页可见区域宽: document.body.offsetWidth (包括边线的宽);
网页可见区域高: document.body.offsetHeight (包括边线的宽);
网页正文全文宽: document.body.scrollWidth;
网页正文全文高: document.body.scrollHeight;
网页被卷去的高: document.body.scrollTop;
网页被卷去的左: document.body.scrollLeft;
网页正文部分上: window.screenTop;
网页正文部分左: window.screenLeft;
屏幕分辨率的高: window.screen.height;
屏幕分辨率的宽: window.screen.width;
屏幕可用工作区高度: window.screen.availHeight;...
PHP在很多时候不适合做常驻的SHELl进程, 他没有专门的gc例程, 也没有有效的内存管理途径. 所以如果用PHP做常驻SHELL, 你会经常被内存耗尽导致abort而unhappy.
而且, 如果输入数据非法, 而脚本没有检测, 导致abort, 也会让你很不开心.
那? 怎么办呢?
呵呵, 别着急, 多进程来帮您!
那,这是为什么呢?
优点:
1. 使用多进程, 子进程结束以后, 内核会负责回收资源
2. 使用多进程,子进程异常退出不会导致整个进程Thread退出. 父进程还有机会重建流程.
3. 一个常驻主进程, 只负责任务分发, 逻辑更清楚.
Then, 怎么做呢?
接下来, 我们使用PHP提供的POSIX和Pcntl系列函数, 来实现一个PHP命令...
-vmargs -Xms128M -Xmx512M -XX:PermSize=64M -XX:MaxPermSize=128M 这里有几个问题: 1. 各个参数的含义什么? 2. 为什么有的机器我将-Xmx和-XX:MaxPermSize都设置为512M之后Eclipse可以启动,而有些机器无法启动? 3. 为何将上面的参数写入到eclipse.ini文件Eclipse没有执行对应的设置? 下面我们一一进行回答 1. 各个参数的含义什么? 参数中-vmargs的意思是设置JVM参数,所以后面的其实都是JVM的参数了,我们首先了解一下JVM内存管理的机制,然后再解释每个参数代表的含义。堆(Heap)和非堆(Non-heap)内存按照官方的说法:“Java 虚拟机具有一个堆,堆是运行时数据区域,所有类实例和数组的内存均从...
在JAVA程序中,经常需要和FTP打交道,比如向FTP服务器上传文件、下载文件,本文简单介绍如何利用jakarta commons中的FTPClient(在commons-net包中)实现上传下载文件。 一、上传文件 原理就不介绍了,大家直接看代码吧 /** * Description: 向FTP服务器上传文件 * @param url FTP服务器hostname * @param port FTP服务器端口 * @param username FTP登录账号 * @param password FTP登录密码 * @param path FTP服务器保存目录 * @param filename 上传到FTP服务器上的文件名 * @param input 输入流 * @return 成功返回true,否则返回false */ public static boolean uploadFile(String url,int port,String us...