如何检查span元素的内容是否已更改？

Question

我有一个带有 daterangepicker 的日历，它在 span 元素中写入日期范围。我需要检查跨度的内容是否已更改（就像选择了不同的日期范围一样）并在更改时调用 Javascript 函数

如您所见，onchange='doSomething()' 不起作用，因为 onchange 仅适用于输入字段。我需要类似的东西，但我不知道什么会起作用。

这是html：

<div style="padding-left: 20px; margin-top: -20%;" >
    <h3>Timerange:</h3>
        <div id="reportrange" name="reportrange" style="background: #fff; cursor: pointer; padding: 5px 0px; border: 1px solid #ccc; width: 40%">
        <i class="fa fa-calendar"></i>&nbsp;
        <span id="range" onchange="doSomething()"></span> <i class="fa fa-caret-down"></i>
        </div>
</div>

这是JS：

function doSomething(){
alert("something");}

$(function() {
var start = moment().startOf('month'); 
var end = moment().endOf('month');
function cb(start, end) {
    $('#reportrange span').html(start.format('DD.MM.YYYY') + ' - ' + end.format('DD.MM.YYYY'));
}

$('#reportrange').daterangepicker({
    startDate: start,
    endDate: end,
    ranges: {
       'Today': [moment(), moment()],
       'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
       'Last 7 days': [moment().subtract(6, 'days'), moment()],
       'Last 30 days': [moment().subtract(29, 'days'), moment()],
    }
}, cb);
cb(start, end); 
});