Javascript 如何为特定的HTML元素触发一些事件？

我想在HTLM元素中有任何更改时触发事件，在下面的事件中，当浏览器大小更改时将触发，

google.maps.event.trigger（$scope.map，'test'）我希望它是针对HTML元素IndiaMap（这是以下HTML元素的id），当此HTML元素的大小更改时，如何触发此HTML的事件

<div ng-style="{ 'width' : width + '%' , 'height': height + '%' }" id="IndiaMap">
        <ui-gmap-google-map center='map.center' zoom='map.zoom' control='map.control' id="map-canvas" events="map.events">
            <ui-gmap-markers models="markers" idkey="markers.id" coords="'coords'"  events="markerEvents" icon="'icon'" fit="true">                 
            </ui-gmap-markers>
        </ui-gmap-google-map>
</div>

 var input = document.getElementById('pac-input');
 var searchBox = new google.maps.places.SearchBox(input);       
 google.maps.event.addListener(searchBox, 'places_changed', function() {    
    var places = searchBox.getPlaces();  
    var marker_search = {   
      id:store_index,
      coords: {
        latitude: places[0].geometry.location.lat(),
        longitude: places[0].geometry.location.lng()
      },

    $scope.latitude=marker_search.latitude;
    $scope.longitude=marker_search.longitude;      
    $scope.map.center = {latitude: marker_search.latitude, longitude: marker_search.longitude};
    $scope.map.zoom=17;
    google.maps.event.trigger($scope.map, 'test');
    $scope.$apply();
})

google.maps.event.addDomListener(window, "test", function() {                
    $scope.map_obj.setCenter($scope.center); 
});


var input=document.getElementById（'pac-input'）；
var searchBox=newgoogle.maps.places.searchBox（输入）；
google.maps.event.addListener（搜索框，'places_changed'，function（）{
var places=searchBox.getPlaces（）；
var marker_search={
id:store_索引，
协调：{
纬度：位置[0]。几何体。位置。纬度（），
经度：位置[0]。几何体。位置。lng（）
},
$scope.latitude=marker\u search.latitude；
$scope.longitude=marker\u search.longitude；
$scope.map.center={latitude:marker\u search.latitude，longitude:marker\u search.longitude}；
$scope.map.zoom=17；
google.maps.event.trigger（$scope.map，'test'）；
$scope.$apply（）；
})
google.maps.event.addDomListener（窗口，“测试”，函数（）{
$scope.map_obj.setCenter（$scope.center）；
});
这是纯javascript，我无法发表评论，所以我不知道如何询问您是否可以

<div id = "IndiaMap">asdasd</div>
<script>
var refIndia = document.getElementById('IndiaMap');
var oldId = refIndia.innerHTML; //save old innerHTML

setInterval(Check, 1000); //you can play with the duration of this timer

function Check(){
    var currentId = refIndia.innerHTML;
    if(currentId !== oldId){ //compare between now and then
        alert("InnerHTML changed!");
        oldId = currentId; //reset so next time the timer runs, there will be another comparing to do
    }

}
</script>

asdasd
var refIndia=document.getElementById（'IndiaMap'）；
var oldId=refIndia.innerHTML；//保存旧的innerHTML
setInterval（检查，1000）；//您可以使用此计时器的持续时间
函数检查（）{
var currentId=refIndia.innerHTML；
如果（currentId！==oldId）{//比较现在和那时
警报（“InnerHTML已更改！”）；
oldId=currentId；//重置以便下次计时器运行时，将有另一个比较任务要执行
}
}

这是一个计时器，如果你想玩的话，你可以玩计时器的出现。
尝试在代码中实现它