jQuery Events - 瀏覽器事件

常用的瀏覽器事件介紹及參數設定。

resize()

當目標元素的大小改變時觸發。

// 即將棄用
resize(handler);

// 改用
on('resize', handler)

參數

功能	說明	型別	範例	備註
handler	執行事項	Function	function() {}	必填

範例

HTML

<div id="Dom"></div>

JavaScript

function resizeHandler () {
  $('#Dom').text('width: ' + $(window).width() + 'px');
}

resizeHandler();
$(window).on('resize', resizeHandler);

scroll()

當目標元素的捲動時觸發。

// 即將棄用
scroll(handler)

// 改用
on('scroll', handler)

參數

與前述相同。

範例

HTML

<div id="Dom" class="dom"></div>

JavaScript

$(window).on('scroll', function () {
  console.log('scrolling');
});

CSS

.dom {
  width: 100%;
  height: 1000px;
}