网页页面应用jQuery禁止使用裁切、拷贝、黏贴作

摘要: jQuery就是我们在WEB开发设计中应用数最多的JS类库,他能够很便捷的协助大家完成许多绚丽多彩的作用。文中将给大伙儿详细介绍JQuery的一种小作用,用于禁止使用文字框的裁切、拷贝...

jQuery就是我们在WEB开发设计中应用数最多的JS类库,他能够很便捷的协助大家完成许多绚丽多彩的作用。文中将给大伙儿详细介绍JQuery的一种小作用,用于禁止使用文字框的裁切、拷贝、黏贴作用,详细的网页页面编码以下:

 !DOCTYPE html PUBLIC  -//W3C//DTD XHTML 1.0 Transitional//EN   TR/xhtml1/DTD/xhtml1-transitional.dtd   html xmlns= 1999/xhtml  xml:lang= en   head   meta http-equiv= Content-Type  content= text/html;charset=UTF-8   title JQuery禁止使用文字框的裁切、拷贝、黏贴作用演试编码 /title   script src= jquery-1.8.3.min.js /script   style  .main {width: 900px;margin: 0 auto;height: 900px;border: 1px solid #ccc;padding: 20px;} .header{height: 100px;} .footer{height: 100px;bottom: 0px;} .heading{color: #FF5B5B;margin: 10px 0;padding: 10px 0;font-family: trebuchet ms;}  /style   /head   body   div  'dv1'   table   tr td 名字 /td td input type='text' id='txt_input' / /td /tr   tr td 介绍 /td td   textarea id='textarea_inp' /textarea /td /tr   tr td 提醒: /td td div id='t' 在上边文字框中实行裁切、拷贝、黏贴试一下吧!! /div /td /tr   /table   /div   /div   script  $(document).ready(function() { $('#txt_input').bind( cut copy paste , function(e) { alert('Copy Paste is disabled'); e.preventDefault(); }); $('#textarea_inp').bind( cut copy paste , function(e) { alert('Copy Paste is disabled'); e.preventDefault(); }); $('#t').bind( cut copy paste , function(e) { alert('Copy Paste is disabled'); e.preventDefault(); }); });  /script   /body   /html  
标识: jQuery实例教程


联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503