粘贴动作重力形式后将警报消息附加到元素

时间:2015-05-16 11:58:14

标签: javascript jquery

我在Wordpress上使用Gravity表单。我们有一个文本区域,我们使用Javascript禁用剪切,复制,粘贴和删除。

我们正在使用以下内容:

<script type="text/javascript">
$(function () {
    var controls = $(".disable");
    controls.bind("paste", function () {
        return false;
    });
    controls.bind("drop", function () {
        return false;
    });
    controls.bind("cut", function () {
        return false;
    });
    controls.bind("copy", function () {
        return false;
    });
});
$('textarea').on('paste', function () {
 var element = this;
 setTimeout(function () {
 $(".paste-alert").append("<b>Copy and paste detected:</b> Please take time to write a unique description for your listing. This will ensure your advert will get found in the search engines and help keep Local Business a high authority, free directory. ");
 }, 100);
 });
 </script>

并在textarea中添加“禁用”类。

我们还有一个单独的元素:

<p class="paste-alert"></p>

当用户尝试复制并粘贴到我们想要文本的文本区域时:

“请不要复制并粘贴”

出现在.paste-alert元素

任何人都可以帮忙,这让我发疯了!!

1 个答案:

答案 0 :(得分:0)

您可以通过以下方式实现此目标:

$('input').on('paste', function () {
  var element = this;
  setTimeout(function () {
    $(".paste-alert").append("<b>Copy and paste detected:</b> Please take time to write a unique description for your listing. This will ensure your advert will get found in the search engines and help keep Rate Local a high authority, free directory. ");
  }, 100);
});

小提琴: http://jsfiddle.net/me5dvwqL/3/

来源(最佳投票答案): Catch paste input

编辑:

聊天后的最后小提琴: http://jsfiddle.net/n4hw4cer/4/