`

兼容各浏览器的点击复制文本框内容的Jquery插件【转载】

阅读更多

注:因为采用FLASH控件的文件实现兼容,所以本页面中请在服务器上浏览才能获得看到效果。

优点:兼容各浏览器
缺点:插件有10K大小,还需要引入一个Jqueyr的库。
如果不需要全浏览器的兼容,可以使用 常规复制文本框内容的脚本

引入Jquery后再引入插件ZeroClipboard,同时下载 FLASH控件 和JS文件放同一目录 ,在页面中添加执行的脚本。完整代码如下:

$(function(){
  var clip = new ZeroClipboard.Client();
  clip.setHandCursor( true );
  clip.setCSSEffects( true );
  clip.addEventListener( 'mouseDown', function(client){
    clip.setText( $('#yao_txt').val() );
  });
  clip.addEventListener( 'complete', function(){alert('复制成功');});
  clip.glue( 'd_clip_button' );
});
 

demo:http://www.aqy106.com/wp-content/uploads/demo/2011/click2copy/index1.html

 

 

 

 

 

分享到:
评论

相关推荐

    jquery+js实现文本框部分内容被选中(兼容各种浏览器)

    这里我们使用了`jquery-position.js`,它可能包含了自定义的jQuery插件或方法,用于定位元素。如果没有提供更多的信息,我们将假设它包含了一些通用的jQuery方法。下面是如何使用这些库来实现文本选中的代码: ```...

    jQuery插件 文本框、文本域 光标处插入代码

    本主题聚焦于一个特定的jQuery插件,该插件允许开发者在文本框(`<input type="text">`)和文本域(`<textarea>`)中于光标位置插入代码或内容。这对于编辑器、代码编辑器或任何需要动态插入文本的场景来说是非常...

    JQuery插件之自增长多行文本框

    而“JQuery插件之自增长多行文本框”是一个专为多行文本输入设计的插件,旨在提供更好的用户体验。这个插件名为“grow-textarea”,其主要功能是动态调整文本框的高度,根据用户输入的内容自动扩展或收缩,以展示...

    jQuery placeholder实现源码(兼容所有浏览器)

    6. **表单提交处理**:为了确保在不支持`placeholder`的浏览器中表单正确提交,插件会在提交前检查输入框,如果内容是`placeholder`文本,则清空,防止误提交。 现在,让我们分析源码。源码通常会包含以下部分: `...

    jQuery插件自定义文本框数值自增或自减

    6. **兼容性**:作为jQuery插件,它应该与大多数现代浏览器兼容,包括Chrome、Firefox、Safari、Edge和IE9及以上版本。 7. **API接口**:jQuery Spin Button通常会提供API接口,允许开发者在JavaScript中直接调用...

    js文本框input验证插件

    "jquery form check"很可能是一个具体的jQuery插件,它的主要功能是自动检查和验证表单中的输入字段。这样的插件通常包含以下特性: 1. **自定义验证规则**:允许开发者设置特定的验证规则,比如最小长度、最大长度...

    jquery日期日历插件 单击文本框弹出日期选择控件

    标题中的"jquery日期日历插件 单击文本框弹出日期选择控件"就是这样一个功能,它允许用户在文本框中输入日期时,点击文本框会弹出一个日历,用户可以直观地从日历上选取日期。 描述中提到的"实用的日历效果,兼容性...

    jQuery字符插件之适合留言板的jquery文本框输入字符限制插件下载

    5. **兼容性**:考虑到不同的浏览器可能对某些特性支持不同,好的jQuery插件通常会确保在主流浏览器上都能正常工作,包括Chrome、Firefox、Safari、Edge以及旧版的Internet Explorer等。 在实际应用中,使用这个...

    expandable-input:用于在文本框聚焦时展开文本框的 jQuery 插件

    8. **兼容性和浏览器支持**:作为jQuery插件,`expandable-input`应当支持大多数现代浏览器,包括Chrome、Firefox、Safari、Edge和旧版的IE。然而,具体兼容性应参考插件文档或源代码中的说明。 9. **性能优化**:...

    jQuery Spin button 文本框数值自动增减插件

    虽然jQuery Spin Button插件通常具有良好的浏览器兼容性,但为了确保在所有现代和旧版浏览器中正常工作,建议测试并进行必要的调整。此外,考虑在移动设备上优化触摸事件,以提供更好的用户体验。 总之,jQuery ...

    文本框 默认值 灰色 方法 网络 浏览器

    为了确保跨浏览器兼容性,可以使用jQuery插件如`jquery.placeholder.js`,或者使用条件注释和polyfill来为不支持`placeholder`属性的浏览器添加兼容性支持。 5. **网络环境的影响**:在网络环境中,加载jQuery库和...

    Jquery实现仿搜索引擎(百度、谷歌)文本框自动补全插件

    在本文中,我们将深入探讨如何使用jQuery来实现一个仿照百度和谷歌搜索引擎的文本框自动补全插件。这个插件的主要目标是提供用户友好的输入体验,通过预测和建议可能的搜索词来提高搜索效率。 ### jQuery简介 ...

    jQueryUI jQueryUI插件 键盘插件

    5. **兼容性**:jQueryUI键盘插件兼容大多数现代浏览器,包括Chrome、Firefox、Safari、Edge以及Internet Explorer等,确保了广泛的应用范围。 6. **可扩展性**:由于基于jQueryUI,键盘插件可以与其他jQueryUI组件...

    仿QQ表情的jquery插件

    6. **兼容性**:作为一款jQuery插件,它应该考虑到浏览器兼容性,确保在主流浏览器中都能正常工作,包括Chrome、Firefox、Safari、Edge以及旧版本的Internet Explorer。 7. **API扩展**:为了与其他jQuery插件或...

    DIY的文本框水印插件2.0

    今天要共享的插件是一个文本框水印功能插件。一个很简单,只是一些失焦与获焦事件代码而已的小插件,唯一特别的就是带上方法的“重载”。 在决定写这个插件前,我一直搞不懂像JS那样的动态类型语言怎么样能实现重载...

    DIY的JS文本框水印插件2.1

    今天要共享的插件是一个文本框水印功能插件。一个很简单,只是一些失焦与获焦事件代码而已的小插件,唯一特别的就是带上方法的“重载”。 在决定写这个插件前,我一直搞不懂像JS那样的动态类型语言怎么样能实现重载...

    jQuery插件editable

    综上所述,jQuery插件editable是一个强大且实用的工具,它可以将网页元素转变为可编辑状态,使得用户能够直接在页面上进行内容修改,从而提升网站的交互性和用户体验。通过深入理解和熟练应用,开发者可以创建出更加...

    240多个jQuery插件.doc

    其轻量级的特点(压缩后仅21KB)以及对多种浏览器的良好兼容性(包括IE6.0+、Firefox 1.5+、Safari 2.0+、Opera 9.0+),使其成为开发者们构建动态网页的理想选择。 #### 二、jQuery插件的重要性 jQuery不仅本身...

    Jquery文本框插入表情插件特效代码

    **jQuery文本框插入表情插件特效代码详解** 在网页交互设计中,为了增强用户体验,许多网站和应用都引入了在文本输入框内插入表情的功能。`jQuery`作为一款广泛使用的JavaScript库,为开发者提供了丰富的功能扩展,...

    文本框显示描述文字

    4. `原创Jquery插件大全.url`:这个链接可能指向一个包含各种原创jQuery插件的集合,其中可能就有实现文本框提示文字功能的插件。 5. `css`:这是一个CSS文件,可能包含了文本框样式以及提示文字的样式定义,使得...

Global site tag (gtag.js) - Google Analytics