亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

js設置div可以拖動之后 div里面的input無法輸入

js設置div可以拖動之后 div里面的input無法輸入

MYYA 2019-04-10 17:15:46
本問題的解決方法:根據鼠標點擊的標簽名判斷是否可以拖動。謝謝各位!另外還找到一種不太好的方法,就是給input加上一個默認的焦點,即使用$(input).focus(),有用但,不夠靈活。 document.getElementById("log_window").onmousedown = function (e) {             var obj = document.elementFromPoint(event.clientX, event.clientY);             if (obj.tagName.toLowerCase() === 'input' || obj.tagName.toLowerCase() === 'textarea') {                 return false;             }             getObject(this, e || event);         };大概代碼如下: <style type="text/css"> #div_add {     HEIGHT: 796px;  WIDTH: 1420px;   background-color:#000;     position:absolute;     top:0;     left:0;     z-index:2;     opacity:0.1;         filter: alpha(opacity=10);     display:none; } #log_window {     BORDER-LEFT-WIDTH: 1px;  CURSOR: default;  FONT-SIZE: 9pt;  HEIGHT: 200px;  BORDER-RIGHT-WIDTH: 1px;  WIDTH: 550px;  BORDER-BOTTOM-WIDTH: 1px;  POSITION: absolute;  LEFT: 435px;  Z-INDEX: 10002;  TOP: 123px;  BORDER-TOP-WIDTH: 1px; display:none; background-color:#ffffff;   }</style> <div id="div_add"></div>  <div id="log_window" style="width:550px;height:200px;top:123px;left:435px;"></div> <script> function shield(){ var html=''; html+='<input id="ipt_qty"  value="" type= "text" />'; $('#log_window').html(html); } //下面是設置div可以拖動,現在不可以輸入,屏蔽之后input可以輸入 var o,X, Y;          function getObject(obj, e) {             o = obj;             document.all ? o.setCapture() : window.captureEvents(Event.MOUSEMOVE);             X = e.clientX - parseInt(o.style.left);             Y = e.clientY - parseInt(o.style.top);          } 這個代碼需要在IE下運行。這只是我的部分代碼,還有很多代碼感覺貼出來沒有用。大概都是這樣的。在網上找到一個方法, 就是設置拖拽以后給input加一個焦點,這樣是可以輸入的,但是鼠標無論放在哪個位置拖動整個div都跟著拖動, 還有按鈕button的點擊樣式和經過樣式都沒有了,怎么寫才可以像平時打開的網頁一樣只可以拖動標題那一欄啊。還有input框用js寫的onblur驗證都沒有觸發。
查看完整描述

7 回答

?
嗶嗶one

TA貢獻1854條經驗 獲得超8個贊

這代碼看的我眼花。不敢看啊~


查看完整回答
反對 回復 2019-05-13
?
開滿天機

TA貢獻1786條經驗 獲得超13個贊

你可以先試試不動態添加input標簽的情況,直接將input寫在div中進行拖動。


查看完整回答
反對 回復 2019-05-13
?
慕娘9325324

TA貢獻1783條經驗 獲得超5個贊

應該是 每次點擊的時候 input 都重新構建了一次,所以你看著是無法輸入的樣子 其實是一直在刷新input輸入框。


查看完整回答
反對 回復 2019-05-13
?
青春有我

TA貢獻1784條經驗 獲得超8個贊

大概是鼠點上去一直在執行方法吧


查看完整回答
反對 回復 2019-05-13
  • 7 回答
  • 0 關注
  • 1705 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號