使用这个jQuery插件可以防止用户修改网页内容。
使用:
<script src="//code.jquery.com/jquery-2.1.3.min.js"></script> <script src="//cnova.github.io/jquery-lock/release/jquery.lock.min.js"></script> <script> $( document ).ready(function() { $("h1,p").lock(); }); </script> <h1> I am locked =) </h1> <p> I am locked too! </p>
示例代码:
$("h1,p").lock({ customHandler: function(element, updatedHtml, savedHtml) { //Block the change $(element).html(savedHtml); //Do something else with the updatedHtml console.log('Change blocked %s', updatedHtml); } });