HTML ondrag用法及代码示例

当在HTML中拖动元素或文本选择时，ondrag事件属性起作用。此事件与拖放事件非常相似。此属性是HTML 5中的新增属性。

用法:

<element ondrag = "script">

属性值：该属性包含一个值脚本，该脚本在拖动元素时起作用。所有HTML元素都支持它。

Example:

<!DOCTYPE html>  
<html>  
    <head>  
        <title>ondrag event attribute</title>  
        <style>  
            #geeks {  
                border:1px solid black;  
                padding:15px;  
                width:60%;  
            }  
            h1 {  
                color:green;  
            }  
        </style>  
    </head>  
    <body>  
        <center>  
        <h1>GeeksforGeeks</h1>  
        <h2>ondrag event attribute</h2>  
        <div id = "geeks" ondrag="Function()"> 
            GeeksforGeeks:A computer science portal for geeks</div>  
        <script>  
            function Function() {  
                document.getElementById("geeks").style.fontSize = "30px";  
                document.getElementById("geeks").style.color = "green";  
            }  
        </script>  
        </center>  
    </body>  
</html>

输出：
拖动内容之前：

拖动后的内容：

支持的浏览器：下面列出了ondrag事件属性支持的浏览器：

Chrome 4.0
Internet Explorer 9.0
Firefox 3.5
Safari：6.0
Opera 12.0

相关用法

注：本文由纯净天空筛选整理自sarthak_ishu11大神的英文原创作品 HTML | ondrag Event Attribute。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。