限时免费试用:欢迎注册 api.bigmodel.org ,快速体验大模型 API 接入服务。
当前位置:首页 >前端技术

前端技术

javascript 实现禁止右键,复制,选取文本

禁止鼠标右键:oncontextmenu="return false"; 禁止选择:onselectstart="return false"; 禁止拖放:ondragstart="return false"; 禁止拷贝:oncopy=document.selection.empty() 。 禁止复制:oncopy = "return false"; 禁止保存

实例 | 使用PHP+Cropperjs对图片进行裁剪并保存

效果图: jQuery.cropper 是一款使用简单且功能强大的图片剪裁 jQuery 插件。该图片剪裁插件支持图片放大缩小,支持图片旋转,支持触摸屏设备,支持 canvas,并且支持跨浏览器使用。 官网:https://fengyuanchen.github.io/cropperjs/ cropper 免费 CDN https://cdn.bootcss

jq字典的使用

var zhengshu= {}; zhengshu.zhengshu1 = $("#zhengshu1").attr("class"); zhengshu.zhengshu2 = $("#zhengshu2").attr("class"); zhengshu= JSON.stringify(zhengshu); 便于ajax传值使用

radio 改变时,执行ajax操作

地址管理 收货人:{$vo['name']} {$vo['address']} {$vo['mobile']} $(".address_select").on('change',function(){ // var pid = $(".select01 option[selected='selected']").val(); var id = $(this)

select 改变时,执行ajax操作

ALL {$vo['name']} $(".ss1").on('change',function(){ // var pid = $(".select01 option[selected='selected']").val(); var pid = $(".select01 option:selected").val(); // var pay_num =

jq/js中的返回

input type="button" name="back" value="重新填写" onclick="javascript:history.back(-1);"/> history.back(-1):直接返回当前页的上一页,数据全部消息,是个新页面 history.go(-1):也是返回当前页的上一页,不过表单里的数据全部还在 返回上一级页面 更多参考

滑动到底部自动加载下一页内容

主要使用jquery的scroll()方法: 当用户滚动指定的元素时,会发生 scroll 事件。 scroll 事件适用于所有可滚动的元素和 window 对象(浏览器窗口)。 scroll() 方法触发 scroll 事件,或规定当发生 scroll 事件时运行的函数 $(window).scroll(function(){ //判断是否滑动到页面底部