zoukankan      html  css  js  c++  java
  • 使用jQuery禁用文本框的剪切、复制、粘贴功能

    jQuery是我们在WEB开发中使用最多的JS类库,他可以很方便的帮助我们实现很多绚丽的功能。本文将给大家介绍JQuery的一种小功能,用来禁用文本框的剪切、复制、粘贴功能,完整的页面代码如下:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <title>JQuery禁用文本框的剪切、复制、粘贴功能演示代码</title>
        <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
        <style>
            .main { 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 class="main">
        <div class="heading">JQuery禁用文本框的剪切、复制、粘贴功能演示</div>
        <div id='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='div_cnt'>在上面文本框中执行剪切、复制、粘贴试试吧!!</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();
            });
            $('#div_cnt').bind("cut copy paste", function(e) {
                alert('Copy Paste is disabled');
                e.preventDefault();
            });
        });
    </script>
    </body>
    </html>
    

      

  • 相关阅读:
    关于Python的面试题
    Python爬虫框架Scrapy学习笔记原创
    Python交互数据库(Mysql | Mongodb | Redis)
    后端程序员必备的Linux基础知识
    python的多路复用实现聊天群
    Python发送邮件(最全)
    7行Python代码的人脸识别
    python所遇到的坑
    Python图形界面开发—wxPython库的布局管理及页面切换
    机器学习:数据预处理之独热编码(One-Hot)
  • 原文地址:https://www.cnblogs.com/hupan508/p/6373093.html
Copyright © 2011-2022 走看看