【我不熟悉的javascript】使用mousedown.stop.prevent，阻止选区消失

使用场景：在选择一段文字之后，点击某一个按钮，要求选区不消失

一开始我使用click.stop倒是可以满足需求，但是后来，在一个el-popover上点击按钮就不行了，设置了阻止事件冒泡和阻止默认事件，选区依旧会消失。

解决办法：

第一步：设置点击的按钮 user-select: none，如果还不好使的话，
第二步：不要在click事件上面使用stop.prevent，要在mousedown事件上使用，因为mousedown事件会在click事件之前触发！总之以后有关于选区（window.getSelection）的问题，可以考虑一下操纵mousedown事件

mousedown 事件当鼠标指针移动到元素上方，并按下鼠标按键时触发

实际上，在这个例子中，只需要设置阻止默认事件prevent就可以了，但是很多情况下，我们会将stop和prevent都一起写上，有备无患！

注意！这里面只是解决选区消失的问题，使用mousedown，真正触发事件还是需要用click的，可千万别误解了！

【我不熟悉的javascript】使用mousedown.stop.prevent，阻止选区消失相关推荐

JavaScript鼠标拖动绘制方框实现选区
学习编程,与君共勉. 针对JavaScript拖动鼠标绘制方框实现选区的方法,在网上查了很多,但感觉不是写的很繁琐就是感觉很乱,没有一个详细的步骤,这对于我们这些菜鸟来说真的很难理解,所以我写了一份比 ...
Ext JS学习第二天我们所熟悉的javascript（一）
此文用来记录学习笔记: •ExtJS是一个强大的javascript框架,如果想真正的掌握ExtJS,那么我们必须要对javascript有一定的认识,所以很有必要静下心来,抱着一本javascrip ...
javascript当中mouseDown事件，mouseUp,和mouseClick执行顺序
11.mouseDown事件,mouseUp,和mouseClick执行顺序马克-to-win:下例仔细剖析了mouseDown和mouseClick的关系.当两个对象重叠在一起,(比如这里docu ...
javaScript:结合mousedown、mousemove、mouseup事件，实现拖动方块在页面内移动（代码）
效果需求:鼠标长按实现拖拽该方块移动,鼠标松开后将方块停在当前的位置注意点如下: mousemove.mouseup是全局有效,使用时用document mousemove鼠标移动事件后,通过在mo ...
【我不熟悉的javascript】判断字符串数组内容是否相等的方法，不考虑顺序
单元测试例子如下 const compareArray = [{arr1: ['no', 'no', 'yes', 'yes'], // 数组1arr2: ['yes', 'yes', 'yes', ...
javascript 停止事件冒泡以及阻止默认事件冒泡
停止事件冒泡 function stopBubble(e) {// 如果提供了事件对象,则这是一个非IE浏览器if ( e && e.stopPropagation ) {// 因此它 ...
jquery和javascript屏蔽右键菜单及阻止事件冒泡
jquery屏蔽右键菜单 $(document).ready(function(){$(document).bind("contextmenu",function(e){retur ...
如何妥善处理WebBrowser对Javascript的错误问题，阻止JS弹出框，提高用户体验（原创）...
由于项目需求,最近转战客户端,开始搞浏览器开发.众所周知,现在在微软平台上开发浏览器,最常用的方法就是扩展Webbrowser,但是首先要清楚的是,WebBrowser控件仅仅是对WebBrowser ...
【Javascript】浏览器中如何阻止页面自动跳转
在控制台运行如下代码, window.onbeforeunload = function() { return "\n Are you ture to leave?";} 然后在跳 ...

【我不熟悉的javascript】使用mousedown.stop.prevent，阻止选区消失

【我不熟悉的javascript】使用mousedown.stop.prevent，阻止选区消失相关推荐

最新文章

热门文章