js-关于不同浏览器中JS阻止默认事件preventDefault()方法!

问题描述

关于不同浏览器中JS阻止默认事件preventDefault()方法!

今天在学习HTML5时候学到拖动图片到一个DIV中,采用preventDefault阻止图片默认行为,
在IE,谷歌中都可以,但是火狐却不行,拖放图片时候还是会打开新的页面。查了很多资料
都说IE要特殊写,火狐不用。这个网站大家可以测试,火狐到底该怎么写呢,请问!
http://www.runoob.com/try/try.php?filename=tryhtml5_draganddrop2

解决方案

jquery、js阻止表单提交的不同方法

时间: 2024-10-30 16:44:03

js-关于不同浏览器中JS阻止默认事件preventDefault()方法!的相关文章

阻止事件冒泡,阻止默认事件,event.stopPropagation()和event.preventDefault(),return fal的区别

今天来看看前端的冒泡和事件默认事件如何处理 1.event.stopPropagation()方法 这是阻止事件的冒泡方法,不让事件向documen上蔓延,但是默认事件任然会执行,当你掉用这个方法的时候,如果点击一个连接,这个连接仍然会被打开, 2.event.preventDefault()方法 这是阻止默认事件的方法,调用此方法是,连接不会被打开,但是会发生冒泡,冒泡会传递到上一层的父元素: 3.return false  : 这个方法比较暴力,他会同事阻止事件冒泡也会阻止默认事件:写上此代

js事件冒泡、事件捕获和阻止默认事件详解_javascript技巧

谈起JavaScript的 事件,事件冒泡.事件捕获.阻止默认事件这三个话题,无论是面试还是在平时的工作中,都很难避免. 1.事件冒泡先来看一段代码: var $input = document.getElementsByTagName("input")[0]; var $div = document.getElementsByTagName("div")[0]; var $body = document.getElementsByTagName("bod

web开发在调试js时 google 浏览器中一直使用缓存文件

问题描述 web开发在调试js时 google 浏览器中一直使用缓存文件 web开发在调试js时 google 浏览器中 一直使用的是缓存文件,一定要清一下缓存更新最新的文件.但是如果开发及时更改js文件,及时刷新界面的话,google浏览器又可以去重新加载最新的文件.如果js在google浏览器中停留时间长,那么会刷新界面时一直使用缓存js ,而不是去后台重新加载最新的js.这是什么机制,什么原理.网上搜一直都搜不到.大神门回答一下吧 解决方案 缓存js不是很正常,,每次重新加载,,浪费时间和

javascript-IE8 Iframe 使用js 设置frameBorder 浏览器中显示,但是没有效果

问题描述 IE8 Iframe 使用js 设置frameBorder 浏览器中显示,但是没有效果 需要动态创建 iframe 但是 动态创建 设置iframe.setAttribute("frameBorder", 0); 或者 iframe.frameBorder=0;他们都将属性 设置到了 IE8 浏览器中,F12开发工具,也可以看到该属性,但是就是没有效果,而采用 <iframe frameBorder=0 .....> 直接这样设置,就可以生效,js 就不行,求解决

tableExport.js在ie浏览器中失效。

问题描述 tableExport.js在ie浏览器中失效. 在tableExport.js中报 The data area passed to a system call is too small 经分析是base64转换的时候出现这个错误. 解决方案 ie不支持data:协议吧.. 如果是ie你需要自己提交到服务器,然后设置content-type和content-disposition为attachment后输出内容来实现保存文件 解决方案二: IE用表单来提交试试..注意修改action的

JS在Chrome浏览器中showModalDialog函数返回值为undefined的解决方法_javascript技巧

本文实例讲述了JS在Chrome浏览器中showModalDialog函数返回值为undefined的解决方法.分享给大家供大家参考,具体如下: 主页面: <script type="text/javascript"> function SelectGroupCust() { var temp = window.showModalDialog("Default2.aspx?xx=" + Date(), "", "dialog

JS简单设置下拉选择框默认值的方法_javascript技巧

本文实例讲述了JS简单设置下拉选择框默认值的方法.分享给大家供大家参考,具体如下: //根据下拉对象默认选中后台对应的记录 function setSelectOption(objSelect, targetValue){ if(objSelect){ var options = objSelect.options; if(options){ var len = options.length; for(var i=0;i<len;i++){ if(options[i].value == targ

js基础之DOM中document对象的常用属性方法详解_javascript技巧

-----引入 每个载入浏览器的 HTML 文档都会成为 Document 对象. Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问. 属性 1  document.anchors  返回对文档中所有 Anchor 对象的引用.还有document.links/document.forms/document.images等 2  document.URL       返回当前文档的url 3  document.title       返回当前文档的标题 4  do

js删除Array数组中指定元素的两种方法_javascript技巧

本节内容: js删除Array数组中指定元素 方法一, /* * 方法:Array.remove(dx) 通过遍历,重构数组 * 功能:删除数组元素. * 参数:dx删除元素的下标. */ Array.prototype.remove=function(dx) { if(isNaN(dx)||dx>this.length){return false;} for(var i=0,n=0;i<this.length;i++) { if(this[i]!=this[dx]) { this[n++]=