Re: [問題] 可以在空白頁面上點選後打上文字的方法

看板Ajax作者 (多想兩分鐘 = =")時間15年前 (2010/02/28 11:05), 編輯推噓3(300)
留言3則, 1人參與, 最新討論串2/2 (看更多)
※ 引述《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
可是不太懂onclick()要用什麼觸發@@
02/28 12:09, 2F

02/28 12:16, , 3F
喔喔成功了!! Sorry 之前沒用過bodyClick() 現在懂了 thx!!
02/28 12:16, 3F
文章代碼(AID): #1BYTrgdo (Ajax)
文章代碼(AID): #1BYTrgdo (Ajax)