导航:首页 > 编程语言 > 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长度变化触发相关的资料

热点内容
电脑端微信查看源代码 浏览:795
ibatis配置文件详解 浏览:658
网络专用配置文件 浏览:837
科技论文word下载 浏览:570
vuejs20路由 浏览:853
vs导出项目源代码 浏览:826
ca证书投标生成文件怎么找不到 浏览:398
车机无网络怎么下载 浏览:891
测试linux配置文件可用 浏览:353
js158航班 浏览:129
医疗行业怎么做网站 浏览:135
java引用数组 浏览:467
c打开文件相对路径 浏览:542
编程里面ST1是什么意思 浏览:311
win10打不开txt文件 浏览:650
如何在手机上练习游戏编程代码 浏览:112
还原系统文件路径 浏览:52
网络猫怎么连接路由器怎么设置无线路由器 浏览:165
苹果5s移动能升级网络设置 浏览:99
一闪app自拍 浏览:56

友情链接