首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

我在jquery中测试鼠标是否按下的函数总是返回false

在jQuery中,可以使用mousedownmouseup事件来检测鼠标是否按下。当鼠标按下时,mousedown事件被触发,当鼠标释放时,mouseup事件被触发。可以通过绑定这两个事件来实现检测鼠标是否按下的功能。

以下是一个示例代码:

代码语言:txt
复制
$(document).ready(function() {
  var isMouseDown = false;

  $(document).mousedown(function() {
    isMouseDown = true;
    console.log("鼠标按下");
  });

  $(document).mouseup(function() {
    isMouseDown = false;
    console.log("鼠标释放");
  });

  // 检测鼠标是否按下的函数
  function isMousePressed() {
    return isMouseDown;
  }

  // 调用检测鼠标是否按下的函数
  console.log(isMousePressed());
});

在上述代码中,我们定义了一个isMouseDown变量来表示鼠标是否按下。当鼠标按下时,将isMouseDown设置为true,当鼠标释放时,将isMouseDown设置为false。然后,我们定义了一个isMousePressed函数来返回isMouseDown的值,以检测鼠标是否按下。

在控制台中,我们可以看到当鼠标按下时,输出"鼠标按下",当鼠标释放时,输出"鼠标释放"。最后,我们调用isMousePressed函数来检测鼠标是否按下,并将结果输出到控制台。

推荐的腾讯云相关产品:腾讯云云服务器(CVM),产品介绍链接地址:https://cloud.tencent.com/product/cvm

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

02-老马jQuery教程-jQuery事件处理

jQuery简单绑定事件方式,可以让绑定多个事件处理程序跟DOM2级绑定事件方式一样....可以通过返回false来防止触发浏览器默认行为。...,并按鼠标按键时,会发生 mousedown 事件mousedown 与 click 事件不同,mousedown 事件仅需要按键被,而不需要松开即可发生 mouseleave([[data],fn...data:当一个事件被触发时要传递event.data给事件处理函数。 fn:该事件被触发时执行函数false 值也可以做一个函数简写,返回false。...event.result 这个属性包含了当前事件事件最后触发那个处理函数返回值,除非值是 undefined event.which 针对键盘和鼠标事件,这个属性能确定你到底是哪个键或按钮。

2.7K80

JQuery之内置函数响应事件

今天给大家介绍一on函数events种类和用法。 具体把它分为:键盘事件,鼠标事件,input事件,还有一个是基础事件(例如:滚动,界面大小变化等等之类)。...当鼠标指针停留在元素上方,然后并松开鼠标左键时,就会发生一次 click。很短时间内发生两次 click,即是一次 double click 事件。...这个函数会调用执行绑定到blur事件所有函数,包括浏览器默认行为。可以通过返回false来防止触发浏览器默认行为。...可以通过某个绑定函数返回false来防止触发浏览器默认行为。 四:其他事件: 1.scroll 当用户滚动指定元素时,会发生 scroll 事件。...如果想要再继续深入学习每个函数具体用法,可以参考JQuery官方API。里面介绍都很详细,这里就不多介绍了。 如对内容有问题或有疑义,请及时提出,不甚感谢。本人QQ:208017534

2.1K60
  • 02-老马jQuery教程-jQuery事件处理

    可以通过返回false来防止触发浏览器默认行为。...,并按鼠标按键时,会发生 mousedown 事件mousedown 与 click 事件不同,mousedown 事件仅需要按键被,而不需要松开即可发生 mouseleave([[data],fn...构造函数传入选择器,返回是一个jQuery包装对象 // 大部分api都是jQuery包装对象上 // console.dir($inputArray); $inputArray.focus...data:当一个事件被触发时要传递event.data给事件处理函数。 fn:该事件被触发时执行函数false 值也可以做一个函数简写,返回false。...event.result 这个属性包含了当前事件事件最后触发那个处理函数返回值,除非值是 undefined event.which 针对键盘和鼠标事件,这个属性能确定你到底是哪个键或按钮。

    6.4K00

    前端(四)-jQuery

    对象,就可以对这个对象进行操作; 可以查找当前元素子元素; html //当鼠标访问指定li时,指定lip标签显示,鼠标移除后,对应p消失 3</span...() 鼠标离开被选元素是会触发 鼠标在其被选元素子元素上来回进入时,不触发 4.1.2 键盘事件 方法 说明 keydown() 键盘事件 keyup() 键盘弹起事件 keypress 产生可打印字符事件...键盘灵活应用 //键盘事件,判断是否是enter键,并手动提交表单 $(document).keydown(function(even){ if(even.keyCode ==...{ //当表单提交事件,接收到false返回值不会在提交表单内容,可以实现去除表单默认提交处理(让fromaction失败),包括超链接 return false;...判断checked三种方法: 方法 说明 .attr(‘checked’); 看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false .prop(‘checked

    8.5K30

    jsonp跨域实现几种方式

    使用jquery.ajaxjsonp方法可以异域调用到百度js并拿到返回值,当然$.getScript也可以实现跨域调用js。...jsonp快速入门: 【原创】说说JSON和JSONP,也许你会豁然开朗,含jQuery用例 关于jquery.ajaxjsonp方法是用以及其error回调函数不能正确执行,请参考园长dudu...ok,了解了jsonp原理和应用后,我们看看百度智能提示是如何做 chrome调试窗口看看百度搜索发出请求。...请求地址和参数都知道了,于是写下如下js测试是否可以拿到关键字提示(源码里test.html页面): var qsData = { 'wd': ‘a’, 'p': '3', 'cb': 'getData...最关键来了,现在开始写完整智能提示并配合鼠标和键盘对候选词操作(源码里index.html页面),实现如下功能: 即时监控字母键和数字键,就发ajax请求(也可以设置延迟发请求,源码里有);

    3.4K20

    JQuery基础

    常见DOM事件: 鼠标事件:click(单击元素),dbclick(双击元素),mouseenter(鼠标指针移入元素),mouseleave(鼠标指针移出元素)事件; 键盘事件:keypress(键被...),keydown(键过程),keyup(键松开),事件;ps:keypress不会触发所有的键(如alt,ctrl,esc,shift),请使用keydown()方法检测 表单事件:submit...属性设置无效,因为色彩动画不包括核心jQuery。...默认false:仅停止当前活动动画,允许插入动画向后执行;   可选goToEnd:是否立即完成当前动画。默认false。   因而,默认stop()会清除当前元素上动画。...1.jQuery load():从服务器加载数据,并将返回数据放入被选元素

    4.6K51

    jQuery中常用函数和属性详细解析

    contains(str)匹配集合包含str这个变量文本元素集合,返回匹配元素集合 end()用于返回到调用find() 或 parents() 函数(或者其它遍历函数)之前 jQuery 对象...如果是则返回true,否则返回false next(expr)//取得一个包含匹配元素集合每一个元素紧邻后面兄弟元素集合。...每个页面可以有很多个函数被加载执行,按照fn顺序来执行。...) 鼠标双击某个对象 几乎所有元素 error( ) 当加载文档或图像时发生某个错误 window, img keydown( ) 某个键盘键被 几乎所有元素 keypress( ) 某个键盘键被或按住...几乎所有元素 keyup( ) 某个键盘键被松开 几乎所有元素 load( fn ) 某个页面或图像被完成加载 window, img mousedown( fn ) 某个鼠标按键被 几乎所有元素

    2.6K10

    JQuery Ztree 树插件配置与应用小结

    默认值: true 参数值:true / false 分别表示 支持 / 不支持 同时选中多个节点 1、设置为 true时, Ctrl 或 Cmd 键可以选中多个节点 2、设置为 true / false...click 事件,并且根据返回值确定是否允许进入名称编辑状态 此事件回调函数最主要是用于捕获编辑按钮点击事件,然后触发自定义编辑界面操作。...有了这个方法,用户不再需要自己设定全局变量来保存 zTree 初始化后得到对象了,而且在所有回调函数全都会返回 treeId 属性,用户可以随时使用此方法获取需要进行操作 zTree 对象 参数说明...2、默认情况类似以下配置和初始化方式,调用该API,获取不到数据,因为全部节点都是没选中,解决方案如下: 1)先通过ztreeObject.checkAllNodes(false) 取消所有节点选中状态...) 3)判断对象关联节点id是否全部节点id范围内,则通过ztreeObj.checkNode(treeNode, true, false) /** * ztree 设置 * */ setting

    7.1K40

    jQuery设计思想

    对它做了一个详细笔记,试图理清jQuery设计思想,找出学习脉络。目标是全面掌握jQuery,遇到问题时候,心里有底,基本知道使用它哪一个功能,然后可以迅速从手册中找到具体写法。...$.inArray() 返回一个值在数组索引位置。如果该值不在数组,则返回-1。 $.grep() 返回数组符合某种标准元素。...) 下键盘(长时间按键,将返回多个事件) .keyup() 松开键盘 .load() 元素加载完毕 .mousedown() 鼠标 .mouseenter() 鼠标进入(进入子元素不触发....select() 用户选中文本框内容 .submit() 用户递交表单 .toggle() 根据鼠标点击次数,依次运行多个函数 .unload() 用户离开页面 以上这些事件...() 停止事件向上层元素冒泡 事件处理函数,可以用this关键字,返回事件针对DOM元素:   $('a').click(function(e) {     if ($(this).attr

    2.2K60

    jQuery常用内容总结(二)

    )只可以取第一种写法,同步请求时候请注意要讲async(是否同步)这个变量参数写成false,至于一般情况请求是post还是get呢,这个给出建议是:一般传参到后端都用post方法就可以,...实际使用这两种请求并没有明显区别(是否幂等可以忽略不计);另外以上两种请求方法参数数量或返回参数数量可能与jQuery完整写法不一致,对于这个问题,解释是:js,方法调用和方法申明这两者之中前者参数可以少于后者参数数量...~,遂,大家不要介意哈(●´∀`)~ B>事件  jQuery事件是开发几乎是每天都会有,这里先給大家列举主要几个事件-> bind():匹配dom元素附加一个或多事件处理器,多个事件需使用空格隔开...事件 mousemove():鼠标指针dom中移动事件 mouseout():鼠标指针从dom上移开事件 mouseover():鼠标指针位于元素上方事件 mouseup():鼠标dom上松开事件...上图中 id为p2dom是用jQuery插入,然后绑定一个点击事件和一个鼠标移开事件,当然(•‾̑⌣‾̑•)✧˖°只有dom存在时候才会执行绑定事件,也就是将这两个事件归一(用统一函数处理这些事件

    2.9K40

    jQuery常用内容总结(二)

    )只可以取第一种写法,同步请求时候请注意要讲async(是否同步)这个变量参数写成false,至于一般情况请求是post还是get呢,这个给出建议是:一般传参到后端都用post方法就可以,...实际使用这两种请求并没有明显区别(是否幂等可以忽略不计);另外以上两种请求方法参数数量或返回参数数量可能与jQuery完整写法不一致,对于这个问题,解释是:js,方法调用和方法申明这两者之中前者参数可以少于后者参数数量...~,遂,大家不要介意哈(●´∀`)~ B>事件  jQuery事件是开发几乎是每天都会有,这里先給大家列举主要几个事件-> bind():匹配dom元素附加一个或多事件处理器,多个事件需使用空格隔开...事件 mousemove():鼠标指针dom中移动事件 mouseout():鼠标指针从dom上移开事件 mouseover():鼠标指针位于元素上方事件 mouseup():鼠标dom上松开事件...上图中 id为p2dom是用jQuery插入,然后绑定一个点击事件和一个鼠标移开事件,当然(•‾̑⌣‾̑•)✧˖°只有dom存在时候才会执行绑定事件,也就是将这两个事件归一(用统一函数处理这些事件

    1.4K110

    jQuery常用内容总结(二)

    )只可以取第一种写法,同步请求时候请注意要讲async(是否同步)这个变量参数写成false,至于一般情况请求是post还是get呢,这个给出建议是:一般传参到后端都用post方法就可以,...实际使用这两种请求并没有明显区别(是否幂等可以忽略不计);另外以上两种请求方法参数数量或返回参数数量可能与jQuery完整写法不一致,对于这个问题,解释是:js,方法调用和方法申明这两者之中前者参数可以少于后者参数数量...~,遂,大家不要介意哈(●´∀`)~ B>事件  jQuery事件是开发几乎是每天都会有,这里先給大家列举主要几个事件-> bind():匹配dom元素附加一个或多事件处理器,多个事件需使用空格隔开...事件 mousemove():鼠标指针dom中移动事件 mouseout():鼠标指针从dom上移开事件 mouseover():鼠标指针位于元素上方事件 mouseup():鼠标dom上松开事件...上图中 id为p2dom是用jQuery插入,然后绑定一个点击事件和一个鼠标移开事件,当然(•‾̑⌣‾̑•)✧˖°只有dom存在时候才会执行绑定事件,也就是将这两个事件归一(用统一函数处理这些事件

    1.2K30

    一个小时学会jQuery

    () //节点获得焦点时,触发 focus 事件 $("input[type=text]").blur() //节点失去焦点时,触发 blur事件 $("button").mousedown()//当鼠标时触发事件.../当鼠标指针位于节点上方时触发事件 $("p").mouseout()  //当鼠标指针从节点上移开时触发事件 $(window).keydown() //当键盘或按钮被时触发事件 $(window...event.pageY   //事件发生时,鼠标距离网页左上角垂直距离 event.type   //事件类型 event.which   //下了哪一个键 event.data   //事件对象上绑定数据...默认情况,请求总会被发出去,但浏览器有可能从他缓存调取数据。要禁止使用缓存结果,可以设置cache参数为false。...1.4,JSON就会生成一个JavaScript对象,而script则会执行这个脚本。随后服务器端返回数据会根据这个值解析后,传递给回调函数

    18.5K71

    jQuery学习笔记

    ; }) }); $是jQuery中使用变量名,可以使用 jQuery.noConflict()避免冲突,它返回值就是jQuery对象。...下键 .keyup() 放开键 鼠标事件: .mousedown() 点鼠标 .mouseup() 松开鼠标 .mouseover() 光标移入 .mouseout() 光标移出 .mousemove...上一个绑定函数返回值 event.timeStamp 事件触发时时间,其值为 (newDate).getTime() event.type 事件类型 如果一个绑定函数最后返回false,则默认是...Deferred Deferred对象是jQuery1.5引入回调管理对象。其作用是把一堆函数顺序放入一个调用链,然后根据状态来依次调用这些函数。AJAX所有操作都是使用它来进行封装。...Callbacks 事实上,`Deferred`机制,只是`Callbacks`机制上层进行了一层简单封装。`Callbacks`对象才是真正jQuery定义原始回调管理机制。

    3.5K20

    基于HTML5 Canvas和jQuery 画图工具实现

    画板信息另存为图片 鼠标并移动 事件应该怎样实现 如果我们画板想画自由曲线,我们需要捕获鼠标并拖动过程 拖动轨迹。那么怎样捕获这样事件呢?...举例来说,如果我们界面上下了鼠标的右键,那么,浏览器会首先创建一个event对象,然后对event属性赋值,而相应button会被置为2、which为3表示右键被;然后javascript...那么,我们怎样才能判断当鼠标移动时,鼠标是否呢?...解决方法:鼠标和松开是个过程,我们可以设置一个 flag,鼠标时候置为true,鼠标松开时候置为false,然后鼠标移动事件处理函数判断这个flag,进而可以区分鼠标是否。...当然了,使用canvas 肯定是实现不了,这里想到了一个方法,就是使用 元素模拟我们需要绘制矩形,当用户拖动鼠标的过程,使用DIV 显示矩形信息,一旦用户松开鼠标,那么,将此DIV

    2.9K40

    06-老马jQuery教程-jQuery高级

    1.jQuery原型对象解密 jQuery里面的大部分API都是jQuery原型对象上定义jQuery源码对原型对象做了简写处理。...i是当前dom对象选择器返回数组索引。 }); 1.2 获取元素个数 两种方法可以获取选择器匹配元素个数。...invert:如果 "invert" 为 false 或为设置,则函数返回数组由过滤函数返回 true 元素,当"invert" 为 true,则返回过滤函数返回 false 元素集。...属性名 实例 说明 noop var f = jQuery.noop; 一个空函数 isArray $.isArray([1,3,4]) 测试对象是否为数组。...isFunction jQuery.isFunction(obj) 测试对象是否函数。 isNumeric jQuery.isNumeric(value) 确定它参数是否是一个数字。

    1.8K00

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券