码迷,mamicode.com
首页 > 编程语言 > 详细

javascript有用小功能总结(未完待续)

时间:2016-12-19 08:36:36      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:ie10   代码   方法   实现   inf   edit   pre   for   arc   

1)javascript让页面标题滚动效果

代码如下:

<title>您好,欢迎访问我的博客</title> 
<script type="text/javascript"> 
function scroll() { 
//获取title信息。 
var titleInfo = document.title; 
//获取title第一个字符(数字、字母)。 
//注释:字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length 之间,该方法将返回一个空字符串。 
var firstInfo = titleInfo.charAt(0); 
//获取第二位到最后的信息。 
var lastInfo = titleInfo.substring(1, titleInfo.length); 
//拼接输出信息 
document.title = lastInfo + firstInfo; 
} 
//使用setInterval()方法,每隔0.5s执行 
setInterval("scroll()", 500); 
</script>

2)屏蔽鼠标右键(for IE8&IE10,其它IE版本或浏览器有待验证)

<script type="text/javascript">
        //屏蔽鼠标右键
        document.oncontextmenu = function()
        {
               event.returnValue = false;
        }
</script>

3)回车键执行目标脚本

假如页面中有个LinkButton做的查询按钮(ID为lbtSearch),回车键实现查询,代码如下:

<script type="text/javascript">
        //回车键实现查询
        document.onkeydown = function(e)
        {
               if(!e) e = window.event;//Firefox中是window.event
               if((e.keyCode || e.which) == 13)
                {
                    var obj = document.getElementById("lbtSearch");
                    obj.click();
                }
        }
</script>

4)屏蔽退格键(BackSpace)

<script type="text/javascript">
        //屏蔽退格键
        document.onkeydown = function(e)
        {
               if(!e) e = window.event;//Firefox中是window.event
               if((e.keyCode || e.which) == 8)
                {
                    if((event.srcElement.tagName == "INPUT" || event.srcElement.tagName == "TEXTAREA") && event.srcElement.IsContentEditable == false)
                    {
                          event.returnValue = false;
                    }
                }
        }
</script>

未完待续,慢慢补充...

javascript有用小功能总结(未完待续)

标签:ie10   代码   方法   实现   inf   edit   pre   for   arc   

原文地址:http://www.cnblogs.com/Scl891004X/p/6196025.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!