常用的javascript脚本-优快云博客

本文链接：https://blog.youkuaiyun.com/jallin2001/article/details/5984539

本文介绍了多种网页元素交互的方法，包括键盘事件处理、页面大小调整及元素定位等实用脚本。通过具体示例展示了如何利用JavaScript实现这些功能，帮助开发者更好地进行网页应用开发。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/** * 有个改变大小的触发器，可以监控来自页面大小的变化方法 */ var reSize = function(){ //窗体大小变化时调用的函数 $(window).resize(function() { var height = parseInt(document.documentElement.clientHeight); $(".menu").css("height",(height -60) + "px"); }).trigger('resize'); } var input = '<input id="input" type="text" value=/"' + fName + '/" onfocus="this.select();" onblur="reset(this);" onkeydown="enterIn(event,this);"/>'; 有些脚本可以备份下，下次使用起来将更加得心应手：

/** * 用户按Esc键或者其他的让页面销毁的方法时候，取消tip */ var unload = function() { $(window).unload(function(){ alert('window close'); }); };

/** * 可以用来定位元素类型 */ var ele = event.srcElement || event.target; var tag = ele.tagName; //alert(tag);

对于某些常用的内置在html中的方法，比如：

var input = '<input id="input" type="text" value=/"' + fName + '/" onfocus="this.select();" onblur="reset(this);" onkeydown="enterIn(event,this);"/>';

经常按回车键的时候，用到的方法：

/** * 用户在修改了“我的方案”的名字后，按回车键调用的方法 */ function enterIn(evt,input){ var evt=evt?evt:(window.event?window.event:null);//兼容IE和FF if (evt.keyCode==13){ reset(input); } }

有时候会碰到调整页面的大小，或者让页面居中：

有时候需要阻止元素内置的一些方法：