關於移動端input框 在微信中 和ios中沒法輸入文字的問題

<form action="">
        <div class="infor_in mt32"><span>訂單號</span><input type="text" name=""  value="" /></div>
        <div class="infor_in mt32"><span>&nbsp;&nbsp;&nbsp;</span><input type="text" name=""  value="" /></div>
        <div class="infor_in mt32"><span>手機號</span><input type="text" name=""  value="" /></div>
        <div class="Smash"><a href="javascript:;" class="egg_play"><img src="img/Smash.png"/></a></div>
        </form>

這個是一個提交的頁面可是老是沒法輸入進去文字 在uc中是能夠的 可是在微信中 或者ios自帶瀏覽器是沒法輸入的  絞盡腦汁  找了半天  才發現本身多加了一段代碼(這個代碼是模版中自帶的   我靠)javascript

代碼以下java

/*-webkit-user-select: none;/*禁掉用戶能夠選中頁面中的內容,*/

把這行代碼注視掉就能夠了   至於這行代碼做用是什麼  解釋以下ios

或許你經常不但願用戶在你的網站上選擇文本,不管是不是出於版權的緣由.一般你們會有js來實現,另外一個方案就是,將-webkit-user-select 和-moz-user-select 的值設爲none.
請謹慎使用這個屬性:由於大部分用戶是來查看信息的,他們能夠複製並存儲下來以備未來之用,因此這種方法既無用也無效.若是你禁用了複製粘貼功能,用戶仍是能夠經過查看源文件來獲取到他們想要的內容.搞不懂這個屬性爲何會被webkit和gecko支持.web

相關文章
相關標籤/搜索