详细介绍HTML5中的新事件(2)-木庄网络博客

JavaScript操作小例子：

JavaScript Code复制内容到剪贴板

var obj = document.getElementByIdx_x('id');   
obj.addEventListener('touchmove', function(event) {   
     // 如果这个元素的位置内只有一个手指的话   
    if (event.targetTouches.length == 1) {   
　　　　 event.preventDefault();// 阻止浏览器默认事件，重要    
        var touch = event.targetTouches[0];   
        // 把元素放在手指所在的位置   
        obj.style.left = touch.pageX-50 + 'px';   
        obj.style.top = touch.pageY-50 + 'px';   
        }   
}, false);

关于DOMContentLoaded事件

这个事件是从HTML中的onLoad的延伸而来的，当一个页面完成加载时,初始化脚本的方法是使用load事件，但这个类函数的缺点是仅在所有资源都完全加载后才被触发,这有时会导致比较严重的延迟,开发人员随后创建了一种自定义事件,domready,它在DOM加载之后及资源加载之前被触发。

domready事件迅速被众多JavaScript库所采用,它开始在本地浏览器中以DOMContentLoaded的形式被使用;此外,它目前已在HTML5中被标准化,下面的代码显示了DOMContentLoaded是如何在document对象中被触发的;
document.addeventListener('DOMContentLoaded',function(){...},false);

以上就是详细介绍HTML5中的新事件的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

HTML5 video 上传预览图片视频，设置、预览视频某秒的海报帧

HTML5新机制：postmessage实现安全跨域通信（代码）

html base标签怎么用？html base标签的用法总结

html hr标签的属性有哪些？html hr标签的样式详解

HTML5plus移动开发入门学习

HTML5实现留言板的代码实例分享