开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Internet Explorer 9中不再触发事件ondragstart

在这个问答内容中，我们讨论了Internet Explorer 9中不再触发事件ondragstart。下面是关于这个问题的完善且全面的答案：

在Internet Explorer 9中，事件ondragstart不再被触发。这是因为Internet Explorer 9已经不再支持拖放操作，因此该事件也被废弃了。如果您想要实现拖放操作，可以使用其他的方法，例如使用HTML5的拖放API。

以下是一些与这个问题相关的名词及其概念、分类、优势、应用场景、推荐的腾讯云相关产品和产品介绍链接地址：

拖放操作：拖放操作是指将一个对象从一个位置拖动到另一个位置。在Internet Explorer 9之前，可以使用事件ondragstart来实现拖放操作。
HTML5拖放API：HTML5拖放API是一种实现拖放操作的新方法，它是基于HTML5的标准API，可以在不同的浏览器中实现拖放操作。
事件：事件是指在浏览器中发生的某些动作，例如鼠标点击、键盘输入等。在JavaScript中，可以使用事件监听器来监听这些事件。
事件ondragstart：事件ondragstart是指在拖动操作开始时触发的事件。在Internet Explorer 9之前，可以使用这个事件来实现拖放操作。
腾讯云：腾讯云是一种云计算服务，提供了各种云服务，包括云服务器、云数据库、云存储等。
腾讯云云服务器：腾讯云云服务器是一种提供了虚拟化的计算资源，可以用于托管网站、搭建应用程序等。
腾讯云云数据库：腾讯云云数据库是一种提供了数据库服务的云计算服务，可以用于存储和管理数据。
腾讯云云存储：腾讯云云存储是一种提供了存储服务的云计算服务，可以用于存储和管理文件。

推荐的腾讯云相关产品和产品介绍链接地址：

腾讯云云服务器：https://cloud.tencent.com/product/cvm
腾讯云云数据库：https://cloud.tencent.com/product/cdb
腾讯云云存储：https://cloud.tencent.com/product/cos

总之，在Internet Explorer 9中，事件ondragstart不再被触发，因此您可以使用HTML5的拖放API来实现拖放操作。腾讯云提供了各种云计算服务，包括云服务器、云数据库、云存储等，可以满足您的不同需求。

相关搜索:在Internet Explorer中触发window.resize事件拖放事件不再触发禁用Internet Explorer的远程WebDriver的本机事件 VBA / Internet Explorer:从OnClick事件捕获结果URL swal()函数(.then ())在Internet Explorer11中未触发 jQuery单击事件在Internet Explorer中不起作用为什么document.execCommand(“复制”)在Internet Explorer11中不再工作？如何在Internet Explorer 6中取消注册事件处理程序？你能在Internet Explorer上捕获这些单选按钮事件吗？I标记单击事件在internet explorer 11中不起作用 CSS指针- internet explorer 11和Edge中伪元素的事件在表单enter键之外输入不会仅在Internet Explorer上触发提交尝试在internet explorer 11中使用click事件时出现问题关键事件在Chrome中可用，但在Internet Explorer 11中不起作用事件侦听器或onInput命令Internet explorer受限的ActiveX控件或脚本？有没有办法在internet explorer中激发React Material <TableRow>上的onPaste事件？首次使用Outlook VBA后，工作事件代码不再触发如何从angularjs控制器触发Internet Explorer中的“另存为”对话框如何使嵌入式Explorer IShellView可浏览(即触发BrowseObject事件)css :悬停效果在触发javascript onscroll事件时不再起作用

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

HTML页面用CSS实现禁止选中、复制和右键

khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet... Explorer/Edge */ user-select: none; /* Non-prefixed version, currently not supported by any browser ...页面内容禁止选择、复制、右键刚才在一个站点的源代码的的时候发现的，其实原来真的很简单 2、禁止网页内容复制．粘贴：在中加入以下代码： <body onmousemove=/HideMenu()/ oncontextmenu="return false" ondragstart

4.5K2 0

HTML5 拖放

、鼠标移动事件然后配合 DOM对标签元素的操作来实现三、HTML5 拖放（Drag 和 drop）的浏览器兼容 Internet Explorer 9+、Firefox、Opera、Chrome 和...设置元素为可拖放为了使某个元素可拖动，我们给他添加 draggable 属性，并且把 draggable 属性设置为 true ： 2、设置要拖动的内容（ondragstart...和 setData()）设置当元素被拖动时，要拖动的内容是什么；这里需要给要拖动的元素添加 ondragstart事件（当元素开始用鼠标拖动时，会执行这里设置的函数），然后我们需要在事件的回调中设置拖动的内容...，如下代码： <img id="drag1" src="/static/resource/img/logo.png" draggable="true" ondragstart

1.5K2 0

H5拖放原生js将图片拖放另外一个元素里

其中最关键的地方在于确定那里发生了拖放事件，有些事件是在被拖动的元素上触发的，而有些事件是在放置目标上触发的。...拖动某些元素时，将一次触发下列事件：ondragstart、ondrag、ondragend。按下鼠标键并开始移动鼠标时，会在被拖放的元素上触发dragstart事件。...触发dragstart事件后，随即会触发drag事件，而且在元素被拖动期间会持续发送该事件。当拖动停止时（无论是把元素放到了有效的放置目标，还是放到了无效的放置目标上），会触发dragend事件。...紧随其后的是dragover事件，而且被拖动的元素还在放置目标的范围内移动时，就会持续触发该事件。...如果元素被拖出了放置目标，dragover事件不再发生，但会触发dragleave事件（类似于mouseout事件）。如果元素被放到了放置目标中，则会触发drop事件而不是dragleave事件。

2.1K3 0

JavaScript进阶之实现拖拽

mouseup事件在指针设备按钮抬起时触发。当指针设备( 通常指鼠标 )在元素上移动时, mousemove 事件被触发。 JavaScript三大家族 ? ? 明白了上述?...在操作期间，会触发一些事件类型，有一些事件类型可能会被多次触发（比如drag 和 dragover 事件类型） ?...draggable 属性：就是标签元素要设置draggable=true ondragstart 事件：当拖拽元素开始被拖拽的时候触发的事件，此事件作用在被拖曳元素上 ondragenter 事件：当拖曳元素进入目标元素的时候触发的事件...，此事件作用在目标元素上 ondragover 事件：拖拽元素在目标元素上移动的时候触发的事件，此事件作用在目标元素上 ondrop 事件：被拖拽的元素在目标元素上同时鼠标放开触发的事件，此事件作用在目标元素上...ondragend 事件：当拖拽完成后触发的事件，此事件作用在被拖曳元素上 Event.preventDefault()方法：阻止默认的些事件方法等执行。

2.7K4 0

js恶补3

事件句柄 HTML 4.0 的新特性之一是有能力使 HTML 事件触发浏览器中的动作（action），比如当用户点击某个 HTML 元素时启动一段 JavaScript。...FF: Firefox, N: Netscape, IE: Internet Explorer 属性当以下情况发生时，出现此事件 FF N IE onabort 图像加载被中断 1 3 4 onblur...顶层函数（全局函数） FF: Firefox, N: Netscape, IE: Internet Explorer 函数描述 FF N IE decodeURI() 解码某个编码的 URI。...1 - 3 顶层属性（全局属性） FF: Firefox, N: Netscape, IE: Internet Explorer 属性描述 FF N IE Infinity 代表正的无穷大的数值。...RegExp 对象的方法 FF: Firefox, N: Netscape, IE: Internet Explorer 方法描述 FF N IE exec 检索字符串中指定的值。

6772 0

你知道吗？Web的26项基本概念和技术

触发事件的对象称为事件发送者；接收事件的对象称为事件接收者。...使用事件机制可以实现：当类对象的某个状态发生变化时，系统将会通过某种途径调用类中的有关处理这个事件的方法或者触发控件事件的对象就会调用该控件所有已注册的事件处理程序等。...I — IE Windows Internet Explorer（旧称Microsoft Internet Explorer，简称Internet Explorer，缩写IE），是微软公司推出的一款网页浏览器...因为Internet Explorer在全球广为应用，网络开发者们在寻求跨平台的代码时常常会发现Internet Explorer的漏洞、私有的功能集合和对标准支持的不完善。...可以认为，从Internet Explorer 9开始，Internet Explorer浏览器对W3C规范的支持将不再是问题。

98410 0

前端拾零02—H5拖放总结

拖放元素 2.1 拖放元素属性 draggable: 设置元素可被拖放 2.2 拖放元素监听事件 ondragstart: 拖放开始时触发事件，作用于拖放元素 ondrag: 拖放期间连续触发事件，作用于拖放元素...ondragend: 拖放完成时触发事件，作用于拖放元素 2.3 demo <img id="dragData" width="100" title="拖放对象" src="http://www.csxiaoyao.com...目标元素 3.1 目标元素监听<em>事件</em> ondragenter: 拖放元素进入目标元素时<em>触发</em><em>事件</em>，作用于目标元素 ondragover: 拖放元素在目标元素上移动时<em>触发</em><em>事件</em>，作用于目标元素 ondrop:...拖放元素在目标元素上放置时<em>触发</em><em>事件</em>，作用于目标元素 ondragleave: 拖放元素离开目标元素时<em>触发</em><em>事件</em>，作用于目标元素 3.2 demo <div id="div1" ondragenter="dragenter...Event.preventDefault() Event.preventDefault(): 阻止默认<em>事件</em>方法执行，ondragover中一定要执行preventDefault()，否则ondrop<em>事件</em>不会被<em>触发</em>

4.2K73 0

消除IE stop running this script弹出框

当然有些提示可能如下: A script on thispage is causing Internet Explorer to run slowly....Periodicallythe script engine polls Internet Explorer with the number of statementsexecuted and Internet...catch (IOException e) { e.printStackTrace(); } } } 解决方案: 首先特别提出一点, 触发事件并执行事件处理函数是一个同步过程...通过事件把你的代码放到事件处理函数里面, 当然事件可以是系统的事件如mouseover,click, 也可以是你自定义和手动触发的....我更倾向于用事件机制来解决, 因为用setTimeout,你必须指定一个时间,时间设置得不管有多么短,都会有延迟,而事件不会有延迟,当你触发了事件,立马会去执行事件处理函数. 3.

1.1K1 0

前端基础知识：Web开发的26项基本概念和技术总结

触发事件的对象称为事件发送者；接收事件的对象称为事件接收者。...使用事件机制可以实现：当类对象的某个状态发生变化时，系统将会通过某种途径调用类中的有关处理这个事件的方法或者触发控件事件的对象就会调用该控件所有已注册的事件处理程序等。...I — IE Windows Internet Explorer（旧称Microsoft Internet Explorer，简称Internet Explorer，缩写IE），是微软公司推出的一款网页浏览器...因为Internet Explorer在全球广为应用，网络开发者们在寻求跨平台的代码时常常会发现Internet Explorer的漏洞、私有的功能集合和对标准支持的不完善。...可以认为，从Internet Explorer 9开始，Internet Explorer浏览器对W3C规范的支持将不再是问题。

1.4K0 0

HTML5 - 拖放

使用 preventDefault() 取消事件的默认动作拖放事件拖动元素-事件：事件描述 ondragstart 当元素开始被拖动时触发——开始拖动 ondrag 拖动源触发——正在拖动...ondragend 拖动源在拖动操作结束将得到dragend对象(不管成功与否)——拖动结束注意：ondrag事件在拖动元素时一直触发，在后面的例子你会看到。...放置元素-事件：事件描述 ondragenter 当拖动中鼠标第一次进入一个元素时触发 ondragover 当拖动中的鼠标移动经过一个元素时触发 ondragleave 当拖动中的鼠标离开元素时触发...ondrop 当拖动操作结束并释放于释放元素上触发注意：只有在拖拽时触发相关事件，鼠标事件是不会触发的。...= function (){ console.log('开始拖动') } // 正在拖动 demo.ondrag = function (){ console.log('正在拖动(此事件一直触发

1.5K1 0

200行代码实现一个滑动验证码

一般来说，登录注册页面在点击提交的时候都会伴随着一个表单提交，在表单提交的时候会有 JavaScript 事件的触发。...既然 Vue 这么火，那我这里就用 Vue 来实现啦，具体的环境配置这里就不再赘述了，需要安装的有： Node.js：https://nodejs.org/en/ Vue-Cli：https://cli.vuejs.org...在这里，分别对两个事件设置了 onDragOver 和 onDragLeave 的回调函数，当 Drag 对象放到 Drop 对象上面的时候，就会触发 onDragOver 对象，当拖开的时候就会触发...它有三个主要的时间需要监听：dragstart、drag、dragend，分别代表拖动开始、拖动中、拖动结束三个事件，我们这里也分别设置了三个回调方法 onDragStart、onDrag、onDragEnd...对于 onDragStart 方法来说，应该怎么实现呢？

2.5K5 0

爬虫篇 | 200 行代码实现一个滑动验证码

一般来说，登录注册页面在点击提交的时候都会伴随着一个表单提交，在表单提交的时候会有 JavaScript 事件的触发。...既然 Vue 这么火，那我这里就用 Vue 来实现啦，具体的环境配置这里就不再赘述了，需要安装的有： Node.js：https://nodejs.org/en/ Vue-Cli：https://cli.vuejs.org...在这里，分别对两个事件设置了 onDragOver 和 onDragLeave 的回调函数，当 Drag 对象放到 Drop 对象上面的时候，就会触发 onDragOver 对象，当拖开的时候就会触发...它有三个主要的时间需要监听：dragstart、drag、dragend，分别代表拖动开始、拖动中、拖动结束三个事件，我们这里也分别设置了三个回调方法 onDragStart、onDrag、onDragEnd...对于 onDragStart 方法来说，应该怎么实现呢？

1.3K2 0

HTML5-拖拽

*ondrag 应用于拖拽元素，整个拖拽过程都会调用--持续 ondragstart 应用于拖拽元素，当拖拽开始时调用 ondragleave...ondragenter"); } div2.ondragover=function(e){ //console.log("ondragover"); /*如果想触发...ondragleave"); } div1.ondragover=function(e){ //console.log("ondragover"); /*如果想触发...*/ var obj=null;//当前被拖拽的地元素 /*应用于被拖拽元素的事件 *ondrag 应用于拖拽元素，整个拖拽过程都会调用--持续 ondragstart...function(e){ console.log(e.target); } document.ondragover=function(e){ /*如果想触发

9062 0

前端拾零02—H5原生拖放总结【原创】

拖放元素 2.1 拖放元素属性 draggable: 设置元素可被拖放 2.2 拖放元素监听事件 ondragstart: 拖放开始时触发事件，作用于拖放元素 ondrag: 拖放期间连续触发事件，作用于拖放元素...ondragend: 拖放完成时触发事件，作用于拖放元素 2.3 demo <img id="dragData" width="100" title="拖放对象" src="http://www.csxiaoyao.com...目标元素 3.1 目标元素监听<em>事件</em> ondragenter: 拖放元素进入目标元素时<em>触发</em><em>事件</em>，作用于目标元素 ondragover: 拖放元素在目标元素上移动时<em>触发</em><em>事件</em>，作用于目标元素 ondrop:...拖放元素在目标元素上放置时<em>触发</em><em>事件</em>，作用于目标元素 ondragleave: 拖放元素离开目标元素时<em>触发</em><em>事件</em>，作用于目标元素 3.2 demo <div id="div1" ondragenter="dragenter...Event.preventDefault() Event.preventDefault(): 阻止默认<em>事件</em>方法执行，ondragover中一定要执行preventDefault()，否则ondrop<em>事件</em>不会被<em>触发</em>

1.9K2 0

200 行代码实现一个滑动验证码

一般来说，登录注册页面在点击提交的时候都会伴随着一个表单提交，在表单提交的时候会有 JavaScript 事件的触发。...既然 Vue 这么火，那我这里就用 Vue 来实现啦，具体的环境配置这里就不再赘述了，需要安装的有： Node.js：https://nodejs.org/en/ Vue-Cli：https://cli.vuejs.org...在这里，分别对两个事件设置了 onDragOver 和 onDragLeave 的回调函数，当 Drag 对象放到 Drop 对象上面的时候，就会触发 onDragOver 对象，当拖开的时候就会触发...它有三个主要的时间需要监听：dragstart、drag、dragend，分别代表拖动开始、拖动中、拖动结束三个事件，我们这里也分别设置了三个回调方法 onDragStart、onDrag、onDragEnd...对于 onDragStart 方法来说，应该怎么实现呢？

1.2K8 0

200 行代码实现一个滑动验证码

一般来说，登录注册页面在点击提交的时候都会伴随着一个表单提交，在表单提交的时候会有 JavaScript 事件的触发。...既然 Vue 这么火，那我这里就用 Vue 来实现啦，具体的环境配置这里就不再赘述了，需要安装的有： Node.js：https://nodejs.org/en/ Vue-Cli：https://cli.vuejs.org...在这里，分别对两个事件设置了 onDragOver 和 onDragLeave 的回调函数，当 Drag 对象放到 Drop 对象上面的时候，就会触发 onDragOver 对象，当拖开的时候就会触发...它有三个主要的时间需要监听：dragstart、drag、dragend，分别代表拖动开始、拖动中、拖动结束三个事件，我们这里也分别设置了三个回调方法 onDragStart、onDrag、onDragEnd...对于 onDragStart 方法来说，应该怎么实现呢？

1.1K4 0

200行代码实现解锁滑动验证码（文末附源码）

一般来说，登录注册页面在点击提交的时候都会伴随着一个表单提交，在表单提交的时候会有 JavaScript 事件的触发。...既然 Vue 这么火，那我这里就用 Vue 来实现啦，具体的环境配置这里就不再赘述了，需要安装的有： Node.js：https://nodejs.org/en/ Vue-Cli：https://cli.vuejs.org...在这里，分别对两个事件设置了 onDragOver 和 onDragLeave 的回调函数，当 Drag 对象放到 Drop 对象上面的时候，就会触发 onDragOver 对象，当拖开的时候就会触发...它有三个主要的时间需要监听：dragstart、drag、dragend，分别代表拖动开始、拖动中、拖动结束三个事件，我们这里也分别设置了三个回调方法 onDragStart、onDrag、onDragEnd...对于 onDragStart 方法来说，应该怎么实现呢？

2.4K3 1

HTML5

只是简单的拖拽而没有数据交换是没有什么用的 // 拖拽元素 drag.ondragstart = function() { // 拖拽的一瞬间 this.style.background =...'pink' } drag.ondrag = function() { // 连续触发 document.title = n++ } drag.ondragend = function() {...监听拖拽元素进入到目标元素区域内 this.style.background = 'skyblue' } box.ondragover = function() { // 在目标元素身上连续触发...list.querySelectorAll('li') li.forEach((item, index) => { item.setAttribute('draggable', 'true') item.ondragstart...ins application/x-internet-signup isp application/x-iphone iii application/x-javascript

4.1K2 0

JavaScript 学习-50.实现页面菜单拖放（Drag 和 Drop）

拖放的内容 - ondragstart 和 setData() 然后，规定当元素被拖动时发生的事情。...在上面的例子中，ondragstart 属性调用了一个 drag(event) 函数，规定拖动什么数据。...拖到何处 - ondragover ondragover 事件规定被拖动的数据能够被放置到何处。默认地，数据/元素无法被放置到其他元素中。为了实现拖放，我们必须阻止元素的这种默认的处理方式。...这个任务由 ondragover 事件的 event.preventDefault() 方法完成： event.preventDefault() 进行放置 - ondrop 当放开被拖数据时，会发生 drop...事件。

1.2K2 0

JS实现div块的拖放，调换位置

οndragstart="drag(event, this)"> div3 上面函数介绍： ondrop: 当放置被拖数据时，会发生 drop 事件...，这里自定义drop(event,this)函数,互换两个的innerHTML ondragover:当拖动链接等有默认事件的元素时，要在ondragover事件中用ev.preventDefault(...)阻止默认事件。...否则drop事件不会触发。 draggable:允许拖动。 ondragstart:规定当元素被拖动时，会发生什么。...在上面的例子中，ondragstart 属性调用了一个函数，drag(event)，它规定了被拖动的数据。dataTransfer.setData() 方法设置被拖数据的数据类型和值。

6.7K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭