- 浏览: 132041 次
- 性别:
- 来自: 未来
文章分类
- 全部博客 (174)
- Eclispe (3)
- javaScript (33)
- SVG学习 (22)
- Java (21)
- 网站 (12)
- learn English (1)
- 文档 (25)
- 常用网站收录 (11)
- struts (6)
- 常用API (1)
- html (2)
- jsp (2)
- spring (2)
- IDE (1)
- 数据结构 (1)
- JDBC (2)
- html + css (1)
- xml (3)
- 心声 (1)
- Axis2 (1)
- svg (4)
- webService (2)
- unix (2)
- c/c++ (3)
- html5 (1)
- Android (2)
- Jet标签 (1)
- oracle (2)
- 工具 (1)
- ideas (0)
- lean plan (1)
- java技术网站,信息收集综合及分类 (0)
最新评论
-
calosteward:
感谢博主对svg convert to PDF资源的分享。我也 ...
How to Convert a SVG File to PDF Format -
long316:
fhhhh
WinArchiver 2.7 -
long316:
ddddd
WinArchiver 2.7
svg屏蔽右键菜单
1 :
if(evt.button == 2)
evt.preventDefault();
2:
contextMenu.removeChild(contextMenu.firstChild);
3:
<svg zoomAndpan = "disable">
(1)屏蔽鼠标右键会经常用到,如下:
function document.oncontextmenu()//屏蔽鼠标右键
{
return false;
}
(2)屏蔽键盘F5可用于防止表单重复提交。
function document.onkeydown()//屏蔽键盘F5
{
if(window.event.keyCode == 116)
{
window.event.keyCode=0;
event.cancelBubble=true;
return false;
}
}
JavaScript屏蔽鼠标右键还可以在body标签里加上oncontextmenu=
self.event.returnvalue=false
或者:
<script language="javascript">
function document.oncontextmenu() {
return false;
}
</script>
function nocontextmenu(){
if(document.all) {
event.cancelBubble=true;
event.returnvalue=false;
return false;
}}
或者:
<body onmousedown="rclick()" oncontextmenu= "nocontextmenu()">
<script language="javascript">
function rclick(){
if(document.all) {
if (event.button == 2){
event.returnvalue=false;
}}}
</script>
另外
oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table>
可用于Table
<body onselectstart="return false"> 取消选取、防止复制
oncopy="return false;" oncut="return false;" 防止复制
1 :
if(evt.button == 2)
evt.preventDefault();
2:
contextMenu.removeChild(contextMenu.firstChild);
3:
<svg zoomAndpan = "disable">
(1)屏蔽鼠标右键会经常用到,如下:
function document.oncontextmenu()//屏蔽鼠标右键
{
return false;
}
(2)屏蔽键盘F5可用于防止表单重复提交。
function document.onkeydown()//屏蔽键盘F5
{
if(window.event.keyCode == 116)
{
window.event.keyCode=0;
event.cancelBubble=true;
return false;
}
}
JavaScript屏蔽鼠标右键还可以在body标签里加上oncontextmenu=
self.event.returnvalue=false
或者:
<script language="javascript">
function document.oncontextmenu() {
return false;
}
</script>
function nocontextmenu(){
if(document.all) {
event.cancelBubble=true;
event.returnvalue=false;
return false;
}}
或者:
<body onmousedown="rclick()" oncontextmenu= "nocontextmenu()">
<script language="javascript">
function rclick(){
if(document.all) {
if (event.button == 2){
event.returnvalue=false;
}}}
</script>
另外
oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table>
可用于Table
<body onselectstart="return false"> 取消选取、防止复制
oncopy="return false;" oncut="return false;" 防止复制
- 自定义鼠标右键菜单.rar (2.2 KB)
- 下载次数: 15
发表评论
-
Easy UI tree
2014-12-28 17:49 460http://www.cnblogs.com/hxling/a ... -
js 时间比较
2014-11-04 10:37 321//var yourtime=document.getElem ... -
jQuery官方推出的教学视频
2013-08-02 13:07 390http://blog.jobbole.com/37699/ -
推荐给开发者的20款响应式jQuery插件
2013-07-23 10:32 479http://www.csdn.net/article/201 ... -
如何让搜索引擎抓取AJAX内容?
2013-07-17 08:32 489http://news.cnblogs.com/n/18248 ... -
修改浏览器状态栏信息
2013-02-28 22:38 575status和defaultStatus是window对象的属 ... -
HHMMss时间校验方法
2012-09-16 14:55 966<html> <body> < ... -
javaScript程序员参考手册--源代码
2012-08-22 23:57 551******************************* ... -
Web中的鼠标自动移动
2012-12-23 23:35 585写了个 00:00--24:59分的正则,不知道是不是你想要的 ... -
有鼠标位置获取元素
2012-12-23 23:36 598document.elementFromPoint(x,y) ... -
JS获取网页中HTML元素的几种方法分析
2012-08-19 17:06 950oElement = document.elementFrom ... -
(转载)js技巧 .
2012-08-19 17:02 1438http://blog.csdn.net/yinshuhai/ ... -
自动实现单击事件
2012-08-19 15:08 640<html xmlns="http://www ... -
在 IE 中调试 JavaScript
2012-04-09 23:42 873http://www.fengxiaoqiang.com/bl ... -
js调试工具
2012-04-04 22:11 491js调试工具 -
js高手的作品
2012-03-23 21:39 704<!DOCTYPE HTML> <html& ... -
easyUi tree 使用方法
2012-03-14 14:06 1596http://blog.csdn.net/l277759183 ... -
JavaScript动态添加表格行(使用模板、标记)
2012-02-05 23:35 838引用: http://www.soaspx.com/dotne ... -
JavaScript动态添加删除表格行
2012-02-05 23:20 803<table id="idTB" b ... -
select 2
2012-01-15 20:27 935http://sunxin1001.iteye.com/blo ...
相关推荐
svg自定义地图,自己的jpg格式图片,转换为svg,可在上面画图,触发点击事件,只支持android studio
基于h5+svg制作的自定义地图实现拖拽、缩放、鼠标覆盖等事件.h5+svg的一些小demo有助于初学者
这是14年写的一个操作自定义svg的js库,我们的应用场景是室内定位,需要自己用svg画室内图。 因为本身没学过js,所以请忽略各种不规范写法或其它等等。。 时隔两年,也不知道网络上是否有很好的操作库了,反正放出来...
鼠标点击,鼠标移走,可以更换图元,都是些简单实用的小例子,有助新手学习.
jQuery SVG高端圆形菜单导航 jQuery SVG高端圆形菜单导航
本代码是对svg图片操作,鼠标滑动操作svg图片,可以根据自己的需求添加
html5 svg和css3合力打造的一款鼠标hover动画效果,共有3种效果,构思奇特,一起来见证奇迹吧!
一款基于SVG和CSS3的动画Tab菜单插件,菜单图标使用SVG绘制而成,切换时还会产生不错的动画效果,还同时会渐变地更新页面的背景颜色,当然如果你觉得太花里胡哨,可以自行修改js代码取消背景颜色的渐变切换。
20220714 SVG自定义折线图——票房趋势.zip
炫丽的html5鼠标移动svg圆圈光标动画特效 炫丽的html5鼠标移动svg圆圈光标动画特效
SVG的鼠标经过动画,非常实用,在平常时用到的地方非常多。
之前我们介绍过很多利用CSS3渲染的自定义美化单选框和复选框,比如这款jQuery超级个性化的单线框和复选框就非常不错。这次我们要分享的是一组基于SVG的自定义单选框按钮美化插件,它非常适合做一些精美的评分插件。
这是一款HTML5 SVG炫酷遮罩层动画效果。该效果是在用户点击汉堡包按钮间隙全屏菜单显示时,页面的切换采用SVG图形变形的方式进行过渡动画,共6种SVG遮罩层过渡动画效果。
framer-path, 在 Framer JS中,创建自定义svg形状并分别设置每个点的动画 创建自定义svg形状并在 Framer JS中单独设置每个点动画。可以用于以下用途:使用快速数学表达式创建点数组动画图形&统计简单动画图标流体...
支持 图片 svg div 等的拖动,放大 ,缩小,代码都写好了,直接可以跑
NULL 博文链接:https://luolong344378570.iteye.com/blog/1195560
这又是一款利用CSS3实现的自定义美化版Radiobox单选框,和之前分享的CSS3自定义发光radiobox单选框类似,这款Radiobox也是利用CSS3重写...另外,这款自定义单选框还结合了SVG的特性,实现了单选框选中时的跳跃动画。
HTML5 SVG圆形文字菜单特效是一款通过SVG布局跟鼠标hover悬停事件制的作菜单项的动画效果。
一款非常有创意的HTML5 SVG圆形布局文字菜单导航特效,鼠标hover悬停菜单项展示动画效果。