鼠标点击回复，出现输入框，如何用js实现？ js如何实现：在页面中任意位置点击鼠标，则在该位置显示一个d...
\u5982\u4f55\u7528js\u5b9e\u73b0 \u9f20\u6807\u70b9\u51fb\u52a0\u53f7\u6587\u672c\u6846\u5185\u6570\u5b57\u52a01
window.onload = function () {
var input = document.createElement('input');
var button1 = document.createElement('button');
var button2 = document.createElement('button');
input.type = 'text'; input.id = 'text';
button1.value = '+';
button1.style.width = '25px';
button1.style.height = '23px';
button2.value = '-';
button2.style.width = '25px';
button2.style.height = '23px';
document.body.appendChild(input);
document.body.appendChild(button1);
document.body.appendChild(button2);
button1.onclick = function(){
var value = input.value;
//alert(isNaN(value));
if(value != '' && !isNaN(value)){
input.value = value * 1 + 1;
}else{
alert('\u8bf7\u8f93\u5165\u6b63\u6574\u6570\uff01');
input.value = '';
}
}
button2.onclick = function(){
var value = input.value;
//alert(isNaN(value));
if(value != '' && !isNaN(value)){
input.value = value * 1 - 1;
}else{
alert('\u8bf7\u8f93\u5165\u6b63\u6574\u6570\uff01');
input.value = '';
}
}
}
\u5982\u4e0b\u53c2\u8003\uff1a
1.\u9875\u9762\u590d\u5236\u6709\u4e00\u4e2aid\u4e3ac2\u7684div\uff0c\u4e0b\u9762\u6709\u4e00\u4e2a\u5b50div\uff0c\u4e0b\u9762\u6709\u4e00\u4e2a\u6309\u94ae\uff0c\u4e8b\u4ef6\u662f\u7528\u6765\u70b9\u51fb100\u4e2aadddiv\u3002
2.\u5728event\u51fd\u6570\u4e2d\uff0c\u5b9a\u4e49\u4e00\u4e2a\u5185\u5bb9\u4e3adegreediv\u5b57\u7b26\u7684\u5b57\u7b26\u4e32\u53d8\u91cf\u3002
3.\u7136\u540e\u4f7f\u7528jquery\u7684append\u5c06\u5df2\u77e5\u7684div\u5b57\u7b26\u4e32\u6dfb\u52a0\u5230c2div\uff0c\u5982\u4e0b\u6240\u793a\u3002
4.\u8fd0\u884c\u9875\u9762\uff0c\u73b0\u5728\u53ea\u770b\u5230\u4e00\u4e2adiv\uff0c\u5982\u4e0b\u56fe\u6240\u793a\u3002
5.\u5355\u51fb\u4e0b\u9762\u7684\u6309\u94ae\u6765\u89e6\u53d1\u6dfb\u52a0div\u7684\u903b\u8f91\uff0c\u5982\u4e0b\u6240\u793a\u3002
可以事先写一个输入框，默认是隐藏的，当你单击的时候直接让它显示。
<!-- HTML -->
<div>
<span onclick='reply()'>回复我!</span>
<input style='display: none;' id='reply' />
</div>
// JavaScript
function reply() {
document.getElementById('reply').style.display = 'block';
}
可以用js实现，现在页面加载一个输入框隐藏，点击回复后js控制显示
楼上回答不正确。如果用隐藏层的话，那么页面就出现该隐藏层的空白区域。正解为使用js动态添加div代码，使用append()方法添加回复框，点击回复时，下面的文字就会滑动撑开。
我碰到一个也是这情况，只不过是老出现[[[[[[谁有办法讲一下哈
就是一个隐藏层，点击“回复”这个层显示就可以了
绛旓細涓銆佺偣鍑绘悳鐙楄緭鍏ユ硶鐨勮缃紙宸ュ叿锛夊浘鏍囷紝骞剁偣鍑烩滆缃睘鎬ц繘鍏ヨ缃備簩銆佽繘鍏ヨ缃悗锛岀偣鍑鎵╁睍鍔熻兘绠＄悊鍣ㄨ繘鍏ヨ缁嗚缃備笁銆佽繖鏃跺氨鍙互鐪嬪埌鐨勭1涓墿灞曞姛鑳藉氨鏄墜鍐欒緭鍏ユ硶銆傚洓銆佹垜浠偣鍑讳娇鐢ㄥ悗浼寮瑰嚭涓涓墜鍐杈撳叆妗嗭紝鎴戜滑鍦ㄨ緭鍏ユ浣跨敤榧犳爣鍐欏瓧鍗冲彲銆備篃鍙互鍦ㄦ寜閿夐」涓缃竴涓揩鎹烽敭锛堣繖閲屼互Ctrl+Shift+S...
绛旓細浣犺鐨勬槸涓嶆槸涓嬫媺妗锛氬仛娉曞涓嬶細鈥滈変腑璇ュ崟鍏冩牸-閫夋嫨鑿滃崟-鏁版嵁-鏈夋晥鎬-璁剧疆-鍏佽鍐呴夋嫨搴忓垪-鏉ユ簮杈撳叆浣犳湡鏈涜鍗曞厓鏍煎綍鍏ョ殑鏂囧瓧浠ラ楀彿鍖洪殧--纭畾鈥濄傜劧鍚庡湪鐢榧犳爣鐐瑰嚮璇ュ崟鍏冩牸璇曡瘯
绛旓細鐢佃剳涓濡備綍杈撳叆鏂囧瓧 1銆佽繖閲屼互鎼滅嫍杈撳叆娉曚负渚嬨榧犳爣鐐瑰嚮鐢佃剳妗岄潰鐨勪笅鏂圭殑杈撳叆妗嗭紝鐒跺悗灏变細鍑虹幇涓涓悳鐙楃殑杈撳叆鏉★紝鎶婂厜鏍囧乏閿崟鍑诲湪闇瑕佽緭鍏ユ枃瀛楃殑鍦版柟涔嬪悗锛屼細鍑虹幇涓涓悳杩囩殑杈撳叆鏉★紱2銆佺偣鍑婚娇杞姸鐨勫浘鏍囷紝鎵撳紑杩涘叆涔嬪悗锛岃繖鏃跺彲浠ュ湪鎼滅嫍宸ュ叿绠辩晫闈㈤噷鐪嬪埌鎵嬪啓杈撳叆閫夐」锛3銆佺偣鍑绘墜鍐欒緭鍏ラ夐」杩涘幓涔嬪悗锛屽氨浼氱湅鍒...
绛旓細鍙娇鐢ㄤ笅鍒椾笁绉嶆柟娉曢夋嫨杈撳叆妗锛氶氳繃閿洏鍗曠嫭鎿嶄綔鍗冲彲瀹炵幇銆傜敤瑙︽懜鏉跨Щ鍔ㄥ厜鏍囧埌杈撳叆妗嗗尯鍩燂紝鏁插嚮閿洏涓婄殑鈥漞nter鈥濋敭鍗冲彲杩涘叆閫夐」妗嗛変腑榛樿鐨勭獥鍙ｏ紝鍒囨崲绐楀彛鍚屾椂鎸夆渁lt鈥濆拰鈥渢ab鈥濋敭銆傜敤閿洏涓婄殑鈥渢ab鈥濋敭锛屾寜涓涓嬪線鍚庨潰璺充竴涓妗嗭紝鎸夆渟hift鈥濆拰鈥渢ab鈥濈粍鍚堥敭锛屽線鍓嶉潰璺充竴涓銆
绛旓細鏂规硶鍥:璇曡瘯:锛1锛夊湪Windows2000鍚姩涔嬪悗锛屾寜鐓у睆骞曟彁绀烘寜涓婣LT锛婥TRL锛婦EL杩涜鐧诲綍锛屽湪鐧诲綍鐣岄潰灏嗗厜鏍囩Щ鑷崇敤鎴峰悕杈撳叆妗嗭紝鎸夐敭鐩樹笂鐨凜trl+Shift閿繘琛岃緭鍏ユ硶鐨勫垏鎹紝灞忓箷涓鍑虹幇杈撳叆娉曠姸鎬佹潯锛屽湪鍑虹幇鐨勨滃叏鎷尖濊緭鍏ユ硶涓皢榧犳爣绉昏嚦杈撳叆娉曠姸鎬佹潯鐐瑰嚮榧犳爣鍙抽敭锛屽嚭鐜鐨勯夊崟涓夋嫨鈥滃府鍔┾濓紝鐒跺悗缁х画閫夋嫨鈥滆緭鍏...
绛旓細鍏蜂綋鏄摢涓綅缃殑妗嗗憿锛熷鏋滄槸鍦板潃鏍忥細鏅鸿兘鍦板潃鏍忋傛牴鎹綘鐨勬渶甯歌闂褰曞拰杈撳叆鐨勭綉鍧瀹屾暣搴︼紝鏈蹇嚭鏉ヤ綘瑕佽繘鍏ョ殑缃戝潃锛岄伩鍏嶆氮璐瑰お澶氳緭鍏ョ綉鍧鐨勬椂闂淬傚鏋滄槸缃戦〉鍐呯殑妗嗭紝閭ｆ槸缃戦〉璁颁綇鐨勮〃鍗曟悳绱㈣褰曪紝鎴栬呮槸娴忚鍣ㄦ櫤鑳藉～琛ㄨ浣忕殑琛ㄥ崟銆
绛旓細鎸塗ab閿娇杈撳叆妗嗗嚭鐜闂儊鐨勫厜鏍囧嵆鍙
绛旓細1銆佺數鑴戞墦寮CAD锛岀偣鍑婚紶鏍鍗佸瓧鍏夋爣鏃佹槸娌℃湁杈撳叆妗鐨勩傝涓嬪浘鎵绀猴細榧犳爣鍙抽敭鐐瑰嚮搴曢儴鐨勫璞¤拷韪紝鐒跺悗閫夋嫨璁剧疆銆傝涓嬪浘鎵绀猴細杩涘叆璁剧疆椤甸潰鍚庯紝鐐瑰嚮杩涘叆鍔ㄦ佽緭鍏ャ傝涓嬪浘鎵绀猴細杩涘叆鍔ㄦ佽緭鍏ュ悗锛屾妸鍚敤鎸囬拡杈撳叆鍕鹃変笂銆2銆佸鍥炬墍绀猴紝杈撳叆鍛戒护鈥渓鈥濓紝鍗存病鏈夊湪灞忓箷涓鏄剧ず銆傚湪cad2010浠ヤ笂鐗堟湰锛屽湪鍙充笅瑙掓壘鍒拌...
绛旓細鎯宠瀹炵幇鐐瑰嚮杈撳叆妗娑堝け锛屽彧闇瑕佺粰鏂囨湰杈撳叆妗嗗姞涓鐐筳s鏁堟灉鍗冲彲锛屽彲浠ュ弬鑰冧互涓嬩唬鐮 <!DOCTYPE html>txtwindow.onload=function(){var oIpt = document.getElementsByTagName('input')oIpt[0].onclick=function(){this.value = ""}}浠ヤ笂浠ｇ爜瀹炵幇鐨勬晥鏋滀负锛岀偣鍑鏂囨湰杈撳叆妗嗕箣鍚庤缃甶nput鐨剉alue鍊间负绌恒
绛旓細鐢榧犳爣鍦ㄦ祻瑙堝櫒杈撳叆锛屽彲浠ラ夋嫨鎵嬪啓杈撳叆娉曪紝鍜屾墜鏈虹殑鎵嬪啓杈撳叆娉曚竴鏍凤紝閫氳繃榧犳爣宸﹂敭鐨勫啓瀛楋紝鍦ㄦ祻瑙堝櫒瀵瑰簲杈撳叆妗涓彲浠ユ垚鍔熻緭鍏ユ兂瑕佽緭鍏ョ殑鍐呭锛岃繖绉嶈緭鍏ユ硶鏇存柟渚夸簬骞撮緞澶т竴浜涚殑浜虹兢浣跨敤銆備互鎼滅嫍杈撳叆娉曚负渚嬶細1銆佹垜浠互鎼滅嫍杈撳叆娉曠殑涓轰緥锛屾墦寮鎼滅嫍杈撳叆娉锛岀偣鍑閿洏绗﹀彿锛岃緭鍏ユ柟寮忋2銆佺偣鍑绘墜鍐欒緭鍏.3銆佽繖鏃跺...
