Javascript 悬停在ag网格中未触发的行事件上
我试图在用户每次悬停在ag网格行上时触发一个事件Javascript 悬停在ag网格中未触发的行事件上,javascript,jquery,hover,ag-grid,Javascript,Jquery,Hover,Ag Grid,我试图在用户每次悬停在ag网格行上时触发一个事件 cellMouseOver是似乎提供此功能的事件（src:） 这是我的建议： 问题是每次将行悬停在cellMouseOver上时都没有触发事件。在这种情况下，cellMouseOver事件是否正确？若不是，当用户将鼠标悬停在一行上时，该如何触发事件 PRUNKR src： example.js： // specify the columns var columnDefs = [ {headerName: "Make", field: "
cellMouseOvercellMouseOver// specify the columns
var columnDefs = [
{headerName: "Make", field: "make"},
{headerName: "Model", field: "model"},
{headerName: "Price", field: "price"}
];
// specify the data
var rowData = [
{make: "Toyota", model: "Celica", price: 35000},
{make: "Ford", model: "Mondeo", price: 32000},
{make: "Porsche", model: "Boxter", price: 72000}
];
// let the grid know which columns and what data to use
var gridOptions = {
columnDefs: columnDefs,
cellMouseOver : cellMouseOver,
rowData: rowData,
onGridReady: function (params) {
params.api.sizeColumnsToFit();
}
};
function cellMouseOver(event){
console.log(event)
}
// wait for the document to be loaded, otherwise
// ag-Grid will not find the div in the document.
document.addEventListener("DOMContentLoaded", function() {
// lookup the container we want the Grid to use
var eGridDiv = document.querySelector('#myGrid');
// create the grid passing in the div to use together with the columns & data we want to use
new agGrid.Grid(eGridDiv, gridOptions);
});
<!DOCTYPE html>
<html lang="en">
<head>
<script> var __basePath = ''; </script>
<style> html, body { margin: 0; padding: 0; height: 100%; } </style>
<script src="https://unpkg.com/ag-grid@17.0.0/dist/ag-grid.min.js"></script></head>
<body>
<div id="myGrid" style="height: 131px; width:600px;" class="ag-theme-balham"></div>
<script src="example.js"></script>
</body>
</html>
var_u_basePath=''；
html，正文{边距：0；填充：0；高度：100%；}
onCellMouseOver:cellMouseOver