详细介绍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中的新事件的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

html自适应字号

如何通过HTML5触摸事件实现移动端简易进度条

html的cellpadding属性与cellspacing属性应该如何使用

html dl标签作用是什么？html dl标签的属性介绍和使用方法详解

html怎么禁止复制粘贴

学会html能做什么工作

怎样让html的下拉菜单提交后保留选中值不返回默认值

html body标签的居中属性你知道吗？html body标签的定义和使用方法

详细介绍HTML5技术在风电、光伏等新能源领域的应用（图）