Re: [問題] 可以在空白頁面上點選後打上文字的方法
※ 引述《scoy (Vanpire)》之銘言:
: 如果一個空白頁面 (不是textarea)就像一般網頁背景的空白一樣
: 想要讓使用者 滑鼠點任何位置就可以在該位置開啟輸入表單鍵入文字
: 並即時存入資料庫
: 類似白板這樣
: 只是輸入還是用輸入法
: 為了下次還可以看到上次留下的結果
: 這部分只要儲存文字和座標即可
: 座標的取得這部分我沒有問題
: 但開啟即時文字輸入表單的部分不知如何實現
: 不知道該用javascript配合哪些工具
: 目前只知道往mouse event方向去study
: 我知道onclick()可以用,但是一整個頁面上要怎樣都存在onclick()
: 文字輸入表單又要怎樣即時開啟並用ajax即時存回資料庫?
: 當然和image cropper似乎也有點類似
: 但要加入的是文字
: 實作的細節自己還是不太清楚
: 有人可以指點一二嗎
※ 引述《scoy (Vanpire)》之銘言:
: 如果一個空白頁面 (不是textarea)就像一般網頁背景的空白一樣
: 想要讓使用者 滑鼠點任何位置就可以在該位置開啟輸入表單鍵入文字
: 並即時存入資料庫
: 類似白板這樣
: 只是輸入還是用輸入法
: 為了下次還可以看到上次留下的結果
: 這部分只要儲存文字和座標即可
: 座標的取得這部分我沒有問題
: 但開啟即時文字輸入表單的部分不知如何實現
: 不知道該用javascript配合哪些工具
: 目前只知道往mouse event方向去study
: 我知道onclick()可以用,但是一整個頁面上要怎樣都存在onclick()
: 文字輸入表單又要怎樣即時開啟並用ajax即時存回資料庫?
: 當然和image cropper似乎也有點類似
: 但要加入的是文字
: 實作的細節自己還是不太清楚
: 有人可以指點一二嗎
事件綁在 body上
function bodyClick(event){
var div=document.createElement('div');
div.style.position='absoulte';
div.style.left=event.pageX;
div.style.top=event.pageY;
/*
....文字輸入介面就看你想長什麼樣子
用 textarea取代上面的 div可能比較省事
*/
}
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 123.194.46.184
推
02/28 12:06, , 1F
02/28 12:06, 1F
推
02/28 12:09, , 2F
02/28 12:09, 2F
推
02/28 12:16, , 3F
02/28 12:16, 3F
討論串 (同標題文章)
本文引述了以下文章的的內容:
完整討論串 (本文為第 2 之 2 篇):
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章