作者grence (多想两分钟 = =")
看板Ajax
标题Re: [问题] 可以在空白页面上点选後打上文字的方法
时间Sun Feb 28 11:05:11 2010
※ 引述《scoy (Ｖａｎｐｉｒｅ)》之铭言：
: 如果一个空白页面 (不是textarea)就像一般网页背景的空白一样
: 想要让使用者 滑鼠点任何位置就可以在该位置开启输入表单键入文字
: 并即时存入资料库
: 类似白板这样
: 只是输入还是用输入法
: 为了下次还可以看到上次留下的结果
: 这部分只要储存文字和座标即可
: 座标的取得这部分我没有问题
: 但开启即时文字输入表单的部分不知如何实现
: 不知道该用javascript配合哪些工具
: 目前只知道往mouse event方向去study
: 我知道onclick()可以用，但是一整个页面上要怎样都存在onclick()
: 文字输入表单又要怎样即时开启并用ajax即时存回资料库?
: 当然和image cropper似乎也有点类似
: 但要加入的是文字
: 实作的细节自己还是不太清楚
: 有人可以指点一二吗
※ 引述《scoy (Ｖａｎｐｉｒｅ)》之铭言：
: 如果一个空白页面 (不是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
1F：推 scoy:谢谢您 我研究看看 02/28 12:06
2F：推 scoy:可是不太懂onclick()要用什麽触发@@ 02/28 12:09
3F：推 scoy:喔喔成功了!! Sorry 之前没用过bodyClick() 现在懂了 thx!! 02/28 12:16