点击事件在iOS上无效

Question

js部分

renderImage = () => {
        return (
            <div className="head-img" onClick={() => {
                console.log(this.input)
                this.input.click()
            }}>
                <p>从相册选择</p>
                <img src="./assets/common/ic_more.png" id="my-img"/>
                <input type="file" id="img-upload" ref={rp => this.input = rp}/>
            </div>
        )
    }

.css部分

.head-img {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 60px;
  margin-top: 10px;
  background-color: white;
  justify-content: space-between;
  align-items: center;
  cursor: pointer
}

#img-upload {
  display: none;

}

在Android手机上可以调出文件选择框，但是在iOS无效，求解
另外已经引入fastclick.js

<script type='application/javascript' src='./js/fastclick.js'></script>
    <script>
        if ('addEventListener' in document) {
            document.addEventListener('DOMContentLoaded', function () {
                FastClick.attach(document.body);
            }, false);
        }
        if (!window.Promise) {
            document.writeln('<script src="https://as.alipayobjects.com/g/component/es6-promise/3.2.2/es6-promise.min.js"' + '>' + '<' + '/' + 'script>');
        }
    </script>

Answer 1

Dell 2018-11-22 00:37:10

bscroll创建的时候，加一个{click: true}的参数

• 提问者 宝慕林3443678 #1

  bscroll创建的时候？这个具体指什么不太明白?

• Dell 回复 提问者 宝慕林3443678 #2

  new Bscroll({click: true})