導航:首頁 > 編程語言 > 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長度變化觸發相關的資料

熱點內容
車機無網路怎麼下載 瀏覽:891
測試linux配置文件可用 瀏覽:353
js158航班 瀏覽:129
醫療行業怎麼做網站 瀏覽:135
java引用數組 瀏覽:467
c打開文件相對路徑 瀏覽:542
編程裡面ST1是什麼意思 瀏覽:311
win10打不開txt文件 瀏覽:650
如何在手機上練習游戲編程代碼 瀏覽:112
還原系統文件路徑 瀏覽:52
網路貓怎麼連接路由器怎麼設置無線路由器 瀏覽:165
蘋果5s移動能升級網路設置 瀏覽:99
一閃app自拍 瀏覽:56
u盤怎麼保全文件 瀏覽:744
編程和幼師哪個更好 瀏覽:75
gtasacs文件 瀏覽:554
word文件被同名文件覆蓋怎麼恢復 瀏覽:866
nodejs關閉自動重啟 瀏覽:318
ciscowrv210密碼 瀏覽:20
如何用命令打開txt文件 瀏覽:8

友情鏈接