JavaScript事件监听之其它事件(页面加载事件、元素滚动事件、页面尺寸事件、M端事件)

页面加载事件（load）、元素滚动事件（scroll）、页面尺寸改变事件（resize）和触摸事件（touchstart, touchmove, touchend）都可以通过JavaScript的事件监听来处理。

以下是这些事件的示例代码：

// 页面加载完成事件
window.addEventListener('load', function() {
    console.log('页面加载完成！');
});
 
// 元素滚动事件
document.getElementById('scrollable-element').addEventListener('scroll', function() {
    console.log('滚动位置：', this.scrollTop);
});
 
// 页面尺寸改变事件
window.addEventListener('resize', function() {
    console.log('页面尺寸已改变！');
});
 
// 触摸事件
document.addEventListener('touchstart', function(e) {
    console.log('触摸开始：', e.touches[0].pageX, e.touches[0].pageY);
});
 
document.addEventListener('touchmove', function(e) {
    console.log('触摸移动：', e.touches[0].pageX, e.touches[0].pageY);
});
 
document.addEventListener('touchend', function(e) {
    console.log('触摸结束：', e.changedTouches[0].pageX, e.changedTouches[0].pageY);
});

注意：在实际开发中，可能需要处理跨浏览器的兼容性问题，以及考虑性能优化，例如节流和防抖技术。