在js中怎么禁止掉ios下拉出现空白上方问题

JavaScript021

在js中怎么禁止掉ios下拉出现空白上方问题,第1张

此类事件是手机touchmove默认事件行为,可以通过js代码禁止默认事件:

document.querySelector('body').addEventListener('touchmove', function(e) {

    e.preventDefault()

})

不一定非得要用select标签去模仿,用图片更简单.

把那个下拉按钮截图,做成input type=text的背景图片,背景右对齐就行了.

那你可以试试禁止onmousedown,这个我在Firefox下试了试,是可以的,不知道其它浏览器怎样,你可以自己试试,代码如下:

<select onmousedown="javascript:return false"><option>111</option></select>