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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。