js 禁止瀏覽器預設的圖片拖動效果
阿新 • • 發佈:2019-01-23
我是在谷歌瀏覽器中測試的,百度的搜尋結果都沒什麼用,最後在谷歌搜尋出了答案。
地址:http://stackoverflow.com/questions/4211909/disable-dragging-an-image-from-an-html-page
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>中國站長天空-網頁特效-滑鼠特效-禁止滑鼠拖動圖片在新視窗開啟</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <!--把下面程式碼加到<head>與</head>之間--> </head> <body> 滑鼠左鍵拖動圖片試試! <a href="http://cleopard.download.csdn.net">更多免費資源</a> <!--把下面程式碼加到<body>與</body>之間--> <img src="http://www.csdn.net/css/logo.png"> <img src="http://avatar.csdn.net/2/0/B/1_cleopard.jpg" > </body> </html> <script> console.log(document.getElementsByTagName('img')); document.getElementsByTagName('img')[0].onmousedown = function(e){ e.preventDefault() }; </script>
修改後程式碼,執行成功。