首页 技术教程 实用代码 注册破解 正则表达式 网址导航 电子书籍

Jquery+clipboard.js库实现复制功能

需要引入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    查看:160    更新:2023-07-08

用Javascript为图片img添加onclick事件

我们在一些文章发布系统中,后台使用的编辑器插入图片的时候并不会自动给图片加上链接,有时候图片太大了,会将窗口撑开,为了不影响美观,我们也许会将图片缩小,于是乎,就要将图片放大,有些编辑器非常复杂,更改起来不方便,那么我们可以直接在显示文章内容的页面使用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>...
类别:网页编程 - JavaScript    查看:715    更新:2014-06-03

jQuery:事件->事件->dblclick(fn)

dblclick(fn) 返回值:jQuery概述在每一个匹配元素的dblclick事件中绑定一个处理函数。的那个在某个元素上双击的时候就会触发dblclick事件参数fn Function在每一个匹配元素的dblclick事件中绑定的处理函数。示例描述:给页面上每个段落的双击事件绑上 "Hello World!" 警告框jQuery 代码:$("p").dblclick( function () { alert("Hello World!"); });
类别:网页编程 - JavaScript    查看:140    更新:2014-05-30

jQuery:事件->事件->dblclick()

dblclick() 返回值:jQuery概述触发每一个匹配元素的dbclick事件。这个函数会调用执行绑定到dblclick事件的所有函数,包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。dblclick事件会在元素的同一点双击时触发。
类别:网页编程 - JavaScript    查看:159    更新:2014-05-30

jQuery:事件->事件->click(fn)

click(fn) 返回值:jQuery概述在每一个匹配元素的click事件中绑定一个处理函数。点击事件会在你的指针设备的按钮在元素上单击时触发。单击的定义是在屏幕的同一点触发了mousedown和mouseup.几个事件触发的顺序是:mousedownmouseupclick参数fn Function绑定到click事件的函数示例描述:将页面内所有段落点击后隐藏。jQuery 代码:$("p").click( function () { $(this).hide(); });
类别:网页编程 - JavaScript    查看:139    更新:2014-05-30

jQuery:事件->事件->click()

click() 返回值:jQuery概述触发每一个匹配元素的click事件。这个函数会调用执行绑定到click事件的所有函数。示例描述:触发页面内所有段落的点击事件jQuery 代码:$("p").click();
类别:网页编程 - JavaScript    查看:126    更新:2014-05-30

Prototype实战教程:Event -> isLeftClick

isLeftClick Event.isLeftClick(event) -> Boolean 判断鼠标相关的事件是否是由“左键”(主功能键)引发的。 注意:这里的“左键”并不是绝对意义上的左键,而是“作为默认的左键”(对于习惯于右手的人而言)。 而习惯使用左手的人,在系统配置中,可以将右键设为主要功能键,这时,该方法检测相应的右键。
类别:网页编程 - JavaScript    查看:113    更新:2014-05-22

Prototype实战教程:Element.Methods -> undoClipping

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...
类别:网页编程 - JavaScript    查看:103    更新:2014-05-22

Prototype实战教程:Element.Methods -> makeClipping

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(){ $(...
类别:网页编程 - JavaScript    查看:109    更新:2014-05-22

Prototype实战教程:Element -> 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'}); }; Example...
类别:网页编程 - JavaScript    查看:117    更新:2014-05-22

Prototype实战教程:Element -> 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(){ $('clipper').update('撤消!'); $('fr...
类别:网页编程 - JavaScript    查看:119    更新:2014-05-22

Javascript中关于top、clientTop、scrollTop、offsetTop的说明

网页可见区域宽: 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;...
类别:网页编程 - JavaScript    查看:92    更新:2014-05-22

PHP CLI模式下的多进程应用

PHP在很多时候不适合做常驻的SHELl进程, 他没有专门的gc例程, 也没有有效的内存管理途径. 所以如果用PHP做常驻SHELL, 你会经常被内存耗尽导致abort而unhappy. 而且, 如果输入数据非法, 而脚本没有检测, 导致abort, 也会让你很不开心. 那? 怎么办呢? 呵呵, 别着急, 多进程来帮您! 那,这是为什么呢? 优点: 1. 使用多进程, 子进程结束以后, 内核会负责回收资源 2. 使用多进程,子进程异常退出不会导致整个进程Thread退出. 父进程还有机会重建流程. 3. 一个常驻主进程, 只负责任务分发, 逻辑更清楚. Then, 怎么做呢? 接下来, 我们使用PHP提供的POSIX和Pcntl系列函数, 来实现一个PHP命令...
类别:网页编程 - PHP技术    查看:128    更新:2014-05-19

eclipse.ini中各个参数的作用

-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    查看:108    更新:2014-05-14

JAVA利用FTP Client实现上传下载文件

在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...
类别:程序开发 - JAVA    查看:115    更新:2014-05-14