js與h5的結合，初步學習。

阿新 • • 發佈：2018-12-30

初步學習拖放事件

首先了解一下與拖放事件有關的標籤，拖動某元素時依次觸發：

dragstart
drag
dragend

其次瞭解某元素拖動到一個你想要拖動的目標上，依次發生：

dragenter
dragover
dragleave或drop

瞭解元素的預設處理來自菜鳥教程

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Document</title>
    <meta name="Keywords" content 
="">
    <meta name="Description" content="">
    <style type="text/css">
        *{
            margin:0;
            padding: 0;
            color: #ffffff;
        }
        #drag{
            width: 100px;
            height: 100px;
            background-color: blue;
            margin: 20 
px auto;
        }
        #box{
            width: 400px;
            height: 400px;
            border: 2px solid red;
            margin: 40px auto;
        }
    </style>
</head>
<body>
    <div id="drag" draggable="true"></div>
    <div id="box"></div>
    <script 
>

        var drag = document.getElementById("drag");
        var box = document.getElementById("box");

        drag.ondragstart = function() {
            this.style.backgroundColor = "green";           
        };
        drag.ondrag = function() {
            this.innerHTML = "我被拖走了...";
        };
        document.addEventListener("dragenter",function(event){
            if(event.target.id == "box") {
                event.target.style.backgroundColor = "brown";
                event.target.innerHTML = "進入";
            }
        });

        // 預設情況下,資料/元素不能在其他元素中被拖放。對於drop我們必須防止元素的預設處理
        document.addEventListener("dragover", function(event) {
            event.preventDefault();
        });

        document.addEventListener("drop", function(event) {
            if(event.target.id == "box") {
                drag.innerHTML = "我從盒子回來的...";
                drag.style.backgroundColor = "rgb(255,255,0)";
            }
            else {
                drag.innerHTML = "我從盒子外面回來的";
                drag.style.backgroundColor = "rgb(255,0,255)";
            }
        });
        document.addEventListener("dragleave",function(event){
            if(event.target.id == "box") {
                event.target.style.backgroundColor = "pink";
                event.target.innerHTML = "出去";
            }
        });

    </script>
</body>
</html>

一開始的樣子

拖拽後

進入盒子後

出盒子後

從盒子外面滑鼠釋放，該方塊變紫，從裡面釋放，該方塊變黃色

js與h5的結合，初步學習。

初步學習拖放事件首先了解一下與拖放事件有關的標籤，拖動某元素時依次觸發： dragstart drag dragend 其次瞭解某元素拖動到一個你想要拖動的目標上，依次發生： drage

Android 與 h5 js互動問題，初步瞭解。

接觸Android也算很久了，但是js互動一直不熟也可以說是沒認真接觸過。今天專案修改也完成了，閒來無事忽然想起了這個問題，上網查找了一下，初步瞭解了一下。自己也寫了demo還算ok！廢話不多說了，咱直接來說一下。（寫這個呢可能幫不到太多人，但是想讓自己印象深刻一些！）首先，js互動分為

想讓機器學習與商業結合，最重要的是什麼？

全文共6008字，預計學習時長12分鐘圖片來源：IBM 純學術性地建立機器學習模型與為企業提供端對端的資料科學解決方

線程與進程的初步學習

ack leg 多核服務器 cnblogs 進程 star bsp 通過什麽情況下使用多線程：　　多線程一般被用來在後天執行耗時的任務。主線程保持運行，並且工作線程做他的後臺工作　　另一個多線程的用途是在方法中完成一個復雜的計算工作。這個方法會在多核的電腦上運行的

LAMP架構（apache與php結合，apache默認虛擬主機）

apache與php的結合 apache默認虛擬主機一、apache與php結合主配置文件/usr/local/apache2.4/conf/httpd.conf[root@localhost ~]# /usr/local/apache2.4/bin/apachectl graceful （重新加

apache與PHP結合，apache默認虛擬機

apache與Php 結合 php的默認虛擬主機 php虛擬主機修改vim /usr/local/apache2.4/conf/httpd.conf 取消ServerName前的#，讓本行生效添加80端口訪問規則iptables -I INPUT -p tcp --dport 80 -j A

樹形ztree 與angularjs結合，實現下級數據異步加載，點擊復選框填寫到輸入框裏

沒有 hide deb out IV UNC -s parent default html:<input value="" type="text" id="river_cut" onclick="

(簡)樹形ztree 與angularjs結合，實現下級數據，點擊復選框填寫到輸入框裏

url let 輸入樹形 fadeout ros mar 分隔符 3.4 html:<link href="vendors/zTreeStyle/zTreeStyle.css" rel="stylesheet" />生態

#define與#if結合，用於程式碼註釋

　　“#if 0 ... #endif”由前處理器進行處理，可以“遮蔽”一段程式碼，結合#define，可用於程式碼塊簡單描述與註釋　　#define T_DESC(x, n) n; 　　#if T_DESC("程式碼註釋演示", 0) 　　...... 　　co

webapp js與安卓，ios怎麼互動

/*這段程式碼是固定的，必須要放到js中*/function setupWebViewJavascriptBridge(callback) { var u = navigator.userAgent; var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X

純前端表格控制元件SpreadJS與Java結合，實現模板上傳和下載等功能

安裝部署: 開發環境：後臺伺服器端採用 Java 、SpringMVC。資料儲存到 \demo_web\WEB-INF\FileDatabase.txt 檔案中，不需要依賴DB。採用 Eclipse Java EE IDE for Web Develope

js 設定時間戳，進行倒計時。比如距離活動結束時間等等

<html> <head> <meta charset="UTF-8"> <title>js簡單時分秒倒計時</title> <script type="text/javascript"&g

由外掛武器準心取色理解RGB，ESL，HSL空間與HSV空間，願願。

以下有公式：願願就貼圖片啦。我們玩騰訊生死狙擊遊戲往往，會狙擊打槍後馬上換刀躲避，所以，需要一個輔助工具來，完成這個想法。我推薦的是AutoHotkey。當然你可以選擇按鍵精靈。首先，我們要取色，判斷該顏色是武器準心顏色。由於RGB空間表示的顏色並不能

紅包牆系統，與線上結合，線下商場商鋪推廣新方式

微信紅包牆系統（紅包牆、微客來、碼上拓客、拓客來等統稱紅包牆系統）火熱招商、轉讓軟體技術，讓您的手機、電腦變成印鈔機！隨著微信和二維碼的普及，掃碼送紅包已經被很多企業應用在市場上。創新就是一種改革，資訊時代，市場經濟瞬息萬變，唯有快速適應並有好的營銷方案，才能

Django與scrapy結合，sqlite3.connect() windows資料庫路徑問題

方法一：絕對路徑 self.conn = sqlite3.connect('G:\python工程\mysite\db.sqlite3') 這是最懶省事的方法方法二：相對路徑這種不行(linux下的方式)： self.conn = sqlite3.connect(

Android 熱修復BugIy（從官網專案開始，初步學習並瞭解它）

第一步上github導專案 BugIy熱更新-專案 BugIy官網熱更新-教材如果你想深入瞭解BugIy我推薦你從官網學習，但是和我一樣，只為了初步瞭解一下怎麼使用，可以看看我的操作流程下載好了之後解壓，然後大概是這個樣子其中BugIyDemo是我自己建立的，先開啟Andro

9/20：才疏學淺，製作了一個很low的js原生選項卡，隨著學習的深入，我會慢慢完善它的

關鍵在於this，此處用於當前物件 JavaScript中的this含義非常豐富，它可以是全域性物件，當前物件或者是任意物件，這都取決於函式的呼叫方式。函式有以下幾種呼叫方式：作為物件方法呼叫、作為函式呼叫、作為建構函式呼叫、apply或call呼叫。 <!DO

fastJson與springmvc結合，在spring-mvc.xml中的配置,解決415報錯

<mvc:annotation-driven>

Node.js async特殊示例，加深理解。

//mo.postRequest.js async function postRequest(x) { return new Promise(function (resolve, reject) { try{ if

dialog與videoview結合，實現懸浮播放效果

MyVideoView vv = new MyVideoView(ch.this);vv.setVideoURI(Uri.parse("android.resource://" + getPackageName() + "/"+ R.raw.video));//vv.set

js與h5的結合，初步學習。

初步學習拖放事件

相關推薦