导航:首页 > 编程语言 > js长度变化触发

js长度变化触发

发布时间:2025-08-25 17:18:50

js如何在页面滚动到一定位置时触发事件

要实现这样的效果你需要使用到 滚动条事件 以及 元素在文档中的绝对定位。

比如我加载了100条微博,第一百条微博这个块级元素为 myBlock , 使用递归往上寻找父元素的方法求得myBlock在文档中的绝对位置:

function getTop(e)
{
var offset=e.offsetTop;
if(e.offsetParent!=null) //只要还有父元素,也就是当前元素不是根节点就继续往上累计元素的高度
offset+=getTop(e.offsetParent);
return offset;
}
var myBlockTop = getTop(myBlock);

获得了第100条微博的绝对高度后注册滚动条事件:window.addEventListener("scroll",function(){
if(document.body.scrollTop + (document.body.clientHeight || window.innerHTML) >= myBlockTop){
//当当前可视部分底部到达第100条微博的高度坐标时,进入这个if块
}
}

大概就这么实现,希望对您能有帮助

//----------------------------------------------

IE9以下对W3C标准支持得异常惨烈好像不支持那个window.addEventListener()得使用window.attachEvent('onscroll',function(){.......................});

反正思路是这样,你自己可以试试

Ⅱ js 判断长度问题

楼主可以用OnKeyDown触发抄事件 只要袭访问者按下任意键,都会触发此事件。访问者不用松开键盘,就会触发此事件
还有 你要把第一个文本框的最大长度KA掉 要不他的长度怎么也不会超过4的 你看看是这种效果吗?
-----------------------------
<script>
function tabTextward(){
var oInput = document.getElementById("oTextbox");
var oInput1 = document.getElementById("oTextbox1");
if(oInput.value.length>4){
oInput1.focus();
}
}
</script>
<body>
<form>
<input type=text id=oTextbox OnKeyDown="tabTextward()"/>
<input type=text id=oTextbox1 />
</form>
</body>
</html>

阅读全文

与js长度变化触发相关的资料

热点内容
网络中常用的传输介质 浏览:518
文件如何使用 浏览:322
同步推密码找回 浏览:865
乐高怎么才能用电脑编程序 浏览:65
本机qq文件为什么找不到 浏览:264
安卓qq空间免升级 浏览:490
linux如何删除模块驱动程序 浏览:193
at89c51c程序 浏览:329
怎么创建word大纲文件 浏览:622
袅袅朗诵文件生成器 浏览:626
1054件文件是多少gb 浏览:371
高州禁养区内能养猪多少头的文件 浏览:927
win8ico文件 浏览:949
仁和数控怎么编程 浏览:381
项目文件夹图片 浏览:87
怎么在东芝电视安装app 浏览:954
plc显示数字怎么编程 浏览:439
如何辨别假网站 浏览:711
宽带用别人的账号密码 浏览:556
新app如何占有市场 浏览:42

友情链接