如何在JavaScript中侦听Mousdown事件-react-materialize?

时间:2019-05-30 04:50:33

标签: javascript reactjs mousedown

这是react中返回的以下代码

import {
      Input
    } from "react-materialize";

    <Input
        id="fromDate"
        name="from"
        type="date"
        onChange={this.handleChangeFromDate}
     />

如何在以下处理程序中使用mousedown事件

handleChangeFromDate(event, value) {
        event.preventDefault();
        let startDate = new Date(value).getTime(value);
}

我想在event.preventDefault事件中使用mousedown。我有这个的jQuery代码,但不确定如何将其转换为js代码吗?

$('.datepicker').on('mousedown',function(event){
    event.preventDefault();
})

1 个答案:

答案 0 :(得分:0)

您可以通过调用onMouseDown事件

来为鼠标按下事件调用相同的方法
    onMouseDown={this.handleChangeFromDate}

但是我不确定您的'.datepicker'组件。如果是单独的组件,则应在该组件的道具中添加onMouseDown