此文,是针对于B/S的程序,说白了就是WEB页面的。

某些情况下,我们不希望用户在输入内容时,采用粘贴的方式,例如:需要用户输入2遍相同的内容,以便达到确认的效果,此时,如果2次内容都是粘贴的,那么确认的作用就失去了。

此次使用的方法,是利用了jQuery.

禁止文本框的复制和粘贴

一、 禁止页面上所有textbox的复制和粘贴

<script type="text/javascript">
    $().ready(function () {
        $('input[type=text]').bind('copy paste', function (e) {
            e.preventDefault();
            window.alert('本页面禁止所有文本框内容的复制和粘贴!');
        });
    });
</script>

 

二、 禁止页面上某个/些 textbox 的复制和粘贴

$().ready(function () {
    $('#Email').bind('copy paste', function (e) {
        e.preventDefault();
        window.alert('禁止Email文本框内容的复制和粘贴!');
    });
});
 

 

textbox paste copy disable

三、利用jQuery的fade特效,搞点花头

 

<div id="message" style="display:none;position:absolute;border: dotted 1px red; background-color:lightyellow"></div>

 $().ready(function () {
    $('#EmailConfirm').bind('paste', function (e) {
        e.preventDefault();
        $('#message').text("重复Email地址,必须手工输入!")
              .css(
                {
                    left: 20 + $(this).offset().left + $(this).width() + 'px',
                    top: $(this).offset().top + 'px'
                })
              .fadeIn(3000, function () { $(this).fadeOut(1500) });
    });
});