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

Posted 2020-08-24 邪心魔佛一页书

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>

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