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

在IE中点击期间阻止<button>移动

在IE中点击期间阻止<button>移动

这是一个在IE浏览器中点击按钮时阻止页面移动的问题。这个问题通常是由于CSS的user-select属性设置为nonetext引起的,这会导致用户无法选择元素,从而阻止了页面的移动。

要解决这个问题,可以尝试将user-select属性设置为alltext,以允许用户选择元素。此外,还可以使用JavaScript来阻止页面的移动,例如:

代码语言:javascript
复制
document.addEventListener('mousedown', function (event) {
  if (event.target.tagName === 'BUTTON') {
    event.preventDefault();
  }
});

这个JavaScript代码会在鼠标点击任何按钮时阻止页面的移动。

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

相关·内容

iOStabBar按钮再次点击实现界面刷新(包含完整demo)【特色功能:更新数据期间旋转tabbar的icon】

/kunnan.blog.csdn.net/article/details/77885824  2、应用场景:适用于购物类app的首页tabBar,以及购物券类app的首页tabBar 3、特色功能:更新数据期间旋转...tabbar的icon blink https://blink.csdn.net/details/1175811 I、当进入首页时再次点击tabBar可刷新界面数据 1.1 selectedViewController...记录上一次按钮的点击,用于数据刷新 新增一个属性 记录上一次被点击按钮的tag /** 记录上一次被点击按钮的tag */ @property (nonatomic, assign) NSInteger...监听UITabBar的点击事件,并传递icon所在视图给外围来实现旋转动画 // 遍历tabBar上的子控件,给"UITabBarButton"类型的按钮绑定动画效果事件 //(注意:遍历添加动画事件的时机是...            if (self.block) {                 self.block(imageView);             }             }}} 2.2 更新数据期间旋转

2.7K20
  • 【Java 进阶篇】深入浅出:JQuery 事件绑定的奇妙世界

    事件绑定是指在特定的 HTML 元素上设置一个监听器,用于捕捉用户触发的事件(比如点击、输入、鼠标移动等),并执行相应的操作。 JQuery ,事件绑定通常使用 on 方法来完成。...深入挖掘:事件对象与冒泡阻止 事件对象的魅力 事件触发时,浏览器会创建一个事件对象,其中包含了与事件相关的信息。 JQuery 的事件处理函数,这个事件对象通常被作为参数传递给处理函数。... JQuery ,可以使用 stopPropagation 方法来阻止事件冒泡。让我们通过一个例子演示如何使用这个方法: <!...然后,通过 off 方法,我们页面加载后的某个时刻解绑了按钮的点击事件。实际应用,动态事件解绑通常与某些条件或用户行为相关,例如定时器触发、异步操作完成后等情况。...从静态绑定到动态绑定,从事件对象到阻止冒泡,再到实际案例的演示,我们奇妙世界探索出一条通向精彩的路径。

    17610

    DOM事件基本概念大总结(前端必备)

    例如常见的点击事件,鼠标移动事件。这些事件发生之时,往往不只是点击或者移动到某一特定元素上。 比如点击某一个按钮,而它是由上一层的父标签,或许在上一层还有父标签甚至是整个页面。...1;father() 输出为 div 情况二:点击 button 1;只会触发 father() target: 输出为 button 1;因为就是点击 button 1 上 currentTarget...我们知道一般事件是处于目标阶段到冒泡阶段执行的。倘若不阻止冒泡,那么点击一个小按钮,一直回溯到 document。那么整个页面许多地方的点击事件都会触发,很显然我们不想这样。...button 2 event.stopPropagation();//阻止继续冒泡。...触摸屏 上述事件移动端上又有所不同 并不支持 dblclick ,双击只会放大 轻击不可单击或者没有绑定 click 的元素什么事件也不会发生 点击或者绑定 click 的前提下点击会触发

    1.8K20

    JavaScript的事件

    1) 事件流 描述的是从页面接受事件的顺序 1. 事件冒泡 (IE事件流) 事件开始由最具体的元素接收,然后逐级向上传播到不具体的节点。...是从外往里逐个触发 当点击了元素,按照如下方式触发click事件 document->html->body->div 注意:IE9,Safari,Chrome,Opera,Firefox...alert("is clicked"); } 点击按钮会调用showMsg()函数,事件处理程序的代码执行时,有权访问全局作用域的任何代码。...IE的事件对象 使用DOM0级方法添加事件时,event对象可以作为window对象的一个属性存在,使用attachEvent添加事件处理程序的时候,event对象会作为参数传入事件处理函数 dom.onclick...>)的一个或多个字符时 resize 当浏览器窗口被调整到一个新的高度或者宽度时,会触发 scroll 当用户滚动带滚动条的元素的内容时,该元素上触发resize,scroll会在变化期间重复被激发

    1.4K30

    事件

    事件是某个行为或者触发,比如点击、鼠标移动..... 当用户点击鼠标时 当网页已加载时 当图像已加载时 当鼠标移动到元素上时 当用户触发按键时......;" /> HTML事件处理程序可以包含要执行的具体动作,也可以调用在页面其它地方定义的脚本,刚才的例子可以写成这样 <input type="<em>button</em>" value="Click Here"...我们可以button的事件处理程序调用stopPropagation()从而避免注册body上的事件发生 var handler = function (e) { alert(e.type...button的时候,由于事件冒泡,body的click事件也会触发,但是调用这句后,事件会停止传播 IE的事件对象 访问IE的event对象有几种不同的方式,取决于指定事件处理程序的方法。...之前的IE浏览器: 阻止默认冒泡:e.cancelBubble = true; 阻止默认事件:event.returnValue = false; 5:有如下代码,要求当点击每一个元素li时控制台展示该元素的文本内容

    1.4K30

    前端day16-JS(WebApi)学习笔记(事件补充、事件冒泡与捕获)

    ,元素我的范围内就会触发(非常频繁) ondrop: 鼠标松开时,元素还在我的范围内就会触发 * 注意点:这个事件默认不会触发,需要配合ondragover使用 <!...console.log('鼠标移动时,元素我的范围内'); }; //4.ondrop //这个事件默认不会触发,需要配合ondragover使用...阻止事件冒泡:让同名事件不要在父元素冒泡(触发) * 说人话:点击一个元素只会触发当前元素的事件,不会触发父元素的同名事件 语法: 事件对象.stopPropagation() IE8及之前不支持...事件对象.cancelBubble = true IE8之前支持 注意:如果想要阻止事件冒泡,一定要在触发事件的函数接收事件对象 <!...5.IE8及以前没有捕获!

    1.7K00

    JavaScript 表单处理

    一.表单介绍 HTML,表单是由元素来表示的,而在JavaScript,表单对应的则是HTMLFormElement类型。...某些浏览器,blur事件会先于change事件发生;而在其他浏览器,则恰好相反。...,character表示逐字移动 range.moveEnd('character', 1);//移动终点,同上 range.select();//焦点选定 PS:关于IE范围的详细讲解,我们将在今后的课程中继续讨论...().text;//获取IE选择的文本 } } PS:有一个最大的问题,就是IE触发select事件的时候,选择一个字符后立即触发,而其他浏览器是选择想要的字符释放鼠标键后才触发。...如果要阻止裁剪、复制和粘贴,那么我们可以剪贴板相关的事件上进行处理,JavaScript提供了六组剪贴板相关的事件: 事件名 说明 copy 发生复制操作时触发 cut 发生裁剪操作时触发 paste

    4.8K101

    JavaScript进阶内容——DOM详解

    (HTML或者XML)的标准编程接口 DOM作用: 用来修改网页内容,结构和样式 DOM树: 我们用一个图片来表示(来自B站黑马程序员Pink老师) 获得元素 DOM我们实际开发主要用来操作元素...我们点击按钮后,input内容变为已提交且button本身不能二次提交 btn.onclick = function() { //首先对input进行更换value...~ie8使用 e.type 返回事件的类型,比如click,mouseover e.cancelBubble 该属性阻止冒泡 非标准 ie6~ie8使用 e.returnValue 该属性 阻止默认事件...(默认行为)非标准 ie6~ie8使用 比如不让链接跳转 e.preventDefault() 该属性 阻止默认事件(默认行为)标准 比如不让链接跳转 e.stopPropagation() 阻止冒泡...:e.preventDefault()方法 // 正常情况下我们点击连接会进行跳转,我们点击提交按钮会进行信息提交 // 但是当我们采用了阻止默认行为,我们的这些行为就会被组织

    1.4K20

    彻底搞懂拖拽——基于鼠标事件的拖拽以及基于HTML5 API的拖拽完整实现

    , document, link onmousemove 该事件会在鼠标指针移动时触发 支持该事件的HTML标签: , , , , ,...---- 二、基于HTML5拖拽API的拖拽 前序知识介绍   一个典型的拖拽操作是这样的:用户用鼠标选中一个可拖动的(draggable)元素,移动鼠标到一个可放置的(droppable)元素,然后释放鼠标...操作期间,会触发一些事件类型,有一些事件类型可能会被多次触发(比如drag 和 dragover 事件类型)。   ...这里涉及几个知识点: 可拖动元素: 又称为源对象,是指我们鼠标点击之后准备拖动的对象(图片、div、文字等) 可放置元素: 又称为目标对象,是指可以放置源对象的区域 事件:...ondragover 当元素或选中的文本被拖到一个可释放目标上时触发 dragstart ondragstart 当用户开始拖动一个元素或选中的文本时触发 drop ondrop 当元素或选中的文本可释放目标上被释放时触发

    3.3K30

    前端成神之路-WebAPIs03

    03 - Web APIs 学习目标: 能够使用removeChild()方法删除节点 能够完成动态生成表格案例 能够使用传统方式和监听方式给元素注册事件 能够说出事件流执行的三个阶段 能够事件处理函数获取事件对象...传统注册事件 方法监听注册事件 ie9 attachEvent var btns...所以,事件处理函数声明1个形参用来接收事件对象。 ? 事件对象的兼容性处理 事件对象本身的获取存在兼容问题: 标准浏览器是浏览器给方法传递的参数,只需要定义形参 e 就可以获取到。... IE6~8 ,浏览器不会给方法传递参数,如果需要的话,需要到 window.event 获取查找。 ?...事件委托也称为事件代理, jQuery 里面称为事件委派。 说白了就是,不给子元素注册事件,给父元素注册事件,把处理代码父元素的事件执行。 生活的代理: ?

    2.9K20

    表单提交的input、button、submit的区别

    IE浏览器的兼容,请记住button[type]IE的默认值是button,这意味着它只是一个按钮而不会引发表单提交。   ...IE,甚至会把button开始与结束标签之间的内容作为name对应的值提交给服务器。...button和input的相似还不止于此,button也可以设置type=reset,此时点击按钮会导致表单被重置(这还挺有用的)。...当表单只有一个单行的文本输入控件时,用户代理应当接受回车键来提交表单。 “单行”指的是type为text而非textarea,显然textarea回车提交表单是怎样的难以接受。...其实在实践,有多个单行的input也可以用Enter提交,比如登录页面。 4.阻止表单提交 阻止表单提交也是一个常见的话题,通常用于客户端的表单验证。

    3.7K100

    JavaScript事件探秘

    -的浏览器无法运行,不支持addEventListener,IEIE独有的DOM2级事件处理程序。...4、IE事件处理程序 IE也提供了类似的两个方法 attachEvent()添加事件 detachEvent()删除事件 这两个方法接收相同的两个参数:事件处理程序名称与事件处理函数 [程序6]...我们已经知道了事件冒泡的概念,那么,当我点击按钮的时候我就是点击按钮,不让它再冒泡到div上了,那么我们可以程序中加上 event.stopPropagation() 即可阻止事件的冒泡。...preventDefault() 阻止事件的默认行为 事件的默认行为,比如,跳转,他的默认行为就是跳转到某个链接,那么现在我们想要点击它不让它跳转,去执行我们给他的事件行为...那么可以这样写:event.preventDefault() 2、IE的事件对象 type:获取事件类型 srcElement:事件目标 cancelBubble=true阻止事件冒泡 returnValue

    88820

    :第三章 - 事件修饰符的使用

    :描述的是从页面接收事件的顺序,也可理解为事件页面传播的顺序    DOM 事件流存在着三个阶段:事件捕获阶段、处于目标阶段、事件冒泡阶段。   ...2、 事件修饰符   a).stop:阻止事件冒泡   在下面的示例,我们分别创建了一个 button点击事件和外侧的 div 的点击事件,根据事件的冒泡机制我们可以得知,当我们点击了按钮之后,会扩散到父元素...因为我们是点击 button 后产生的事件冒泡,我们只需要在 button点击事件上加上 stop 修饰符即可,示例代码如下。...b).prevent:阻止默认事件   阻止默认事件这个也很好理解,有些标签本身会存在事件,例如,a 标签的跳转,form 表单 submit 按钮的提交事件等等,某些时候我们只想执行我们自己设置的事件... Vue ,当我们想要阻止元素的默认事件,只需要在绑定的事件后使用 prevent 修饰符即可,示例代码如下。

    85330
    领券