jquery 滚轮禁用

2024-08-29

jQuery禁用、开启鼠标滚轮事件

1.禁用鼠标滚轮事件 $(document).bind('mousewheel', function(event, delta) {return false;}); 2.开启鼠标滚轮事件,直接解绑事件就可以 $(document).unbind('mousewheel');

JQuery Dialog 禁用X按钮关闭对话框，-摘自网络

JQuery Dialog 禁用X按钮关闭对话框,禁用ESC键关闭代码如下:$("#div1").dialog({ closeOnEscape: false, open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); }});

// jquery 兼容的滚轮事件 $(document).on("mousewheel DOMMouseScroll", function (e) { var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) || // chrome & ie (e.originalEvent.detail && (e.originalEve

jQuery中实现自定义方法的扩展

JQuery包装器提供了大量的方法,可以再页面中直接使用.但是,没有任何一个库可以满足所有的需求,所以,JQuery库提供了丰富的扩展功能 .以禁用一组表单元素为例,看看怎么简单有效的在JQuery库中添加自定义的功能扩展.(JQuery没有禁用表单元素的方法哦) 上代码: 1: <!DOCTYPE> 2: <html lang="en"> 3: <head> 4: <title>Custom Method!</title>

第一百八十八节，jQuery，选项卡 UI

jQueryUI,选项卡 UI 学习要点: 1.使用 tabs 2.修改 tabs 样式 3.tabs()方法的属性 4.tabs()方法的事件 5.tabs 中使用 on 选项卡(tab),是一种能提供给用户在同一个页面切换不同内容的 UI. 尤其是在页面布局紧凑的页面上,提供了非常好的用户体验. 一．使用 tabs 使用 tabs 比较简单,但需要按照指定的规范即可. tabs()方法,是jQueryUI的选项卡方法,将一个符合要求的区块,执行选项卡 HTML 部分 <div id="

jQuery中实现自己定义方法的扩展

JQuery包装器提供了大量的方法.能够再页面中直接使用.可是.没有不论什么一个库能够满足全部的需求.所以.JQuery库提供了丰富的扩展功能 .以禁用一组表单元素为例.看看怎么简单有效的在JQuery库中加入自定义的功能扩展.(JQuery没有禁用表单元素的方法哦) 上代码: 1: <!DOCTYPE> 2: <html lang="en"> 3: <head> 4: <title>Custom Method!</title&

javascript鼠标滚动

firefox使用DOMMouseScroll,其他浏览器使用mousewheel当滚动时获取wheelDelta值,firefox使用detail:值为下滚3上滚-3,其他浏览器使用wheelDelta:值为下滚-120上滚120,通过判断其值为正或者负即可判断鼠标滚轮上滚还是下滚 js的写法:<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> &

知问前端——自动补全UI

自动补全(autocomplete),是一个可以减少用户输入完整信息的UI工具.一般在输入邮箱.搜索关键字等,然后提取出相应完整字符串供用户选择. 调用autocomplete()方法 var host = ['aa', 'aaaa', 'aaaaaa', 'bb']; $("#email").autocomplete({ source:host }); 修改autocomplete()样式由于autocomplete()方法是弹窗,然后鼠标悬停的样式,我们通过Firebug想获取到

知问前端——工具提示UI

工具提示(tooltip),是一个非常实用的UI.它彻底扩展了HTML中的title属性,让提示更加丰富,更加可控制,全面提升了用户体验. 调用tooltip()方法在调用tooltip()方法之前,首先需要针对元素设置相应title属性.如: <input type="text" name="user" class="text" id="user" title="请输入帐号, 不小于2位! " /

知问前端——按钮UI

按钮(button),可以给生硬的原生按钮或者文本提供更多丰富多彩的外观.它不单单可以设置按钮或文本,还可以设置单选按钮和多选按钮. 使用button按钮使用button按钮UI的时候,不一定必须是input按钮形式,普通的文本也可以设置成button按钮. $('#search_button').button(); 修改button样式在弹出的button对话框中,在火狐浏览器中打开Firebug或者右击->查看元素.这样,我们可以看看button的样式,根据样式进行修改.我们为了和网站主

第一百八十九节，jQueryUI，折叠菜单 UI

jQueryUI,折叠菜单 UI 学习要点: 1.使用 accordion 2.修改 accordion 样式 3.accordion()方法的属性 4.accordion()方法的事件 5.accordion 中使用 on 折叠菜单(accordion),和选项卡一样也是一种在同一个页面上切换不同内容的功能 UI.它和选项卡的使用几乎没有什么太大区别,只是显示的效果有所差异罢了. 一．使用 accordion 使用 accordion 比较简单,但需要按照指定的规范即可. HTML 部分 <d

第一百八十一节，jQuery-UI，知问前端--自动补全 UI--邮箱自动补全

jQuery-UI,知问前端--自动补全 UI--邮箱自动补全学习要点: 1.调用 autocomplete()方法 2.修改 autocomplete()样式 3.autocomplete()方法的属性 4.autocomplete()方法的事件 5.autocomplete 中使用 on() 自动补全(autocomplete),是一个可以减少用户输入完整信息的 UI 工具.一般在输入邮箱.搜索关键字等,然后提取出相应完整字符串供用户选择. 一．调用 autocomplete()方法 a

第一百八十节，jQuery-UI，知问前端--消息提示 UI

jQuery-UI,知问前端--消息提示 UI 学习要点: 1.HTML 部分 2.CSS 部分 3.jQuery 部分通过前面已学的 jQuery UI 部件,我们来创建一个注册表单. html <div id="reg" title="会员注册"> <p> <label for="user">帐号:</label> <input type="text" name=&q

第一百七十九节，jQuery-UI，知问前端--按钮 UI-图标

jQuery-UI,知问前端--按钮 UI 学习要点: 1.使用 button 按钮 2.修改 button 样式 3.button()方法的属性 4.button('action', param) 5.单选.复选按钮按钮(button),可以给生硬的原生按钮或者文本提供更多丰富多彩的外观.它不单单可以设置按钮或文本,还可以设置单选按钮和多选按钮. 一．使用 button 按钮使用 button 按钮 UI 的时候,不一定必须是 input 按钮形式,普通的文本也可以设置成 button

jquery自定义滚动条鼠标移入或滚轮时显示鼠标离开或悬停超时时隐藏

一.需求: 我需要做一个多媒体播放页面,左侧为播放列表,右侧为播放器.为了避免系统滚动条把列表和播放器隔断开,左侧列表的滚动条需要自定义,并且滚动停止和鼠标离开时要隐藏掉. 二.他山之石: 案例来自http://www.17sucai.com/pins/426.html但是下载demo需要先注册,还要20积分.显然,这违背了互联网的共享精神,so,F12,load it. 分析源码,发现了一个强大灵活的插件,感谢开发者.插件:jquery.jscrollpane.min.js主页: http:/

使用jQuery的Scrollify插件实现鼠标滚轮或者手势滑动到页面下一节点部分

有时我们需要做一个单页面介绍产品特性,而单页面内容非常多且页面非常长,为了快速定位到产品特性节点,我们使用js侦听用户滚轮事件,当用户触发滚轮滑动或者使用手势触屏滑动时,即可定位到相应的节点.一款jQuery插件叫Scrollify帮我们做到了. Scrollify需要jQuery 1.6+以及缓冲动画easing插件配合来实现.HTML基本结构如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8&

jQuery 鼠标滚轮插件应用 mousewheel

jQuery Mousewheel Plugin,用于添加跨浏览器的鼠标滚轮支持. mousewheel事件的处理函数有一点小小的变化,它除了第一个参数event 外,还接收到第二个参数delta. 通过参数delta可以获取鼠标滚轮的方向和速度. 如果delta的值是负的即-1,那么滚轮就是向下滚动,正的1就是向上.

jquery批量控制form禁用的代码

jquery批量控制form禁用的代码. 代码: <script type="text/javascript" src="/jquery/jquery-1.8.2.min.js"></script> <script type="text/javascript"> //批量禁用form表单 $(document).ready(function(){ $(".ddd input").attr(&

jquery控制按钮的禁用与启用

jquery禁用a标签方法1: $(document).ready(function () { $("a").each(function () { var textValue = $(this).html(); if (textValue == "XX概况" || textValue == "服务导航") { $(this).css("cursor", "default"); $(this).attr('h

jQuery的自定义事件——滚轮

这个案例类似于在地图上滚动滚轮,能缩小或者放大地图,分别用zoomIn和zoomOut来命名. 代码如下: //JS部分:<script src="jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(function(){ $('img').on('zoomIn', function(){ $(this).css('width', 300) }); $